html中的checkbox如何修改样式,想改变大小和背景

 我来答
百度网友faadf46
高粉答主

2020-04-27 · 说的都是干货,快来关注
知道答主
回答量:4556
采纳率:0%
帮助的人:75.1万
展开全部

1、打开网页开发工具,新建一个HTML文件。

2、编写HTML:表单复选框。

3、编写CSS:复选框的样式。

4、编写CSS部分:复选框选中后的样式。

5、最好打开浏览器预览效果,满意保存即可。

注意事项;

复选框提供一个制造单一选择开关的方法;它包括一个小框和一个标签。典型的复选框有一个小的“X”(或者它设置的其它类型)或是空的,这依靠项目是否被选择来决定的。

一骑当后
推荐于2016-03-14 · 知道合伙人数码行家
一骑当后
知道合伙人数码行家
采纳数:40298 获赞数:306440
网络、设备维护、电路、弱电检测。

向TA提问 私信TA
展开全部
图片加脚本实现,给个例子:

.checkbox {
width: 19px;
height: 25px;
padding: 0 5px 0 0;
background: url(checkbox.png) no-repeat;
display: block;
clear: left;
float: left;
}

你可以自己下载的.
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
tianlidon
推荐于2016-09-19 · TA获得超过1219个赞
知道小有建树答主
回答量:676
采纳率:85%
帮助的人:107万
展开全部
大小可以在样式里面修改:

<html>
<body>
<input type="checkbox" value="你好" style="width:20px;height:20px;"/>
</body>
</html>
但是input如果要像div那样样式话还是有点难度的,但是可以通过自己“制作”一个这样的控件来解决,隐藏checkbox,使用一个div进行模拟,注册div的click事件以及checkbox的change事件,保证两者之间状态的同步。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式