Simonecheckbox自定义样式
的有关信息介绍如下：
checkbox是html标签,多用于页面表单,今天小编就来说说checkbox如何自定义样式.
新建一个"index.html"页面,页面写入html5标准代码.
我们做一个简单的多选测试,新建一个"input"标签,将其类型设置成checkbox.
将代码保存,打开浏览器,将页面拖入浏览器中,从效果图可以看出系统默认的样式并不好看.下面我们就来学习自定义样式的设置方法!
首先为"checkbox"增加id和class选择器,新增一个"label"标签,将其指向"checkbox"的id值,两个标签外再套一个"span"标签.如下图所示!
在页面新建内部样式,并将(class="input_check")标签元素隐藏,"label"标签指向"checkbox"的id选择器.将自定义样式补全.代码如下图.
我们用网页测试下,可以发现,checkbox的自定义样式就实现了.
