1、新建一个"index.html"页面,页面写入html5标准代码.
2、我们做一个简单的多选测试,新建一个"input"标签,将其类型设置成checkbox.
3、将代码保存,打开浏览器,将页面拖入浏览器中,从效果图可以看出系统默认的样式并不好看.下面我们就来学习自定义样式的设置方法!
4、首先为"checkbox"增加id和class选择器,新增一个"label"标签,将其指向"checkbox"的id值,两个标签外再套一个"span"标签.如下图所示!
5、在页面新建内部样式,并将(class="input_check"挢旗扦渌;)标签元素隐藏,"labe造婷用痃l"标签指向"checkbox"的id选择器.将自定义样式补全.代码如下图.
6、我们用网页测试下,可以发现,checkbox的自定义样式就实现了.
