咨询电话:
15628812133
28
2017/04

如何修改input复选框样式

发布时间:2017-04-28 09:04:15
发布者:369563174
浏览量:
0

复选框样式是不能直接去修改的,得先去清除它的所有属性,我们在做壹早教APP页面的时候就用到了这个样式:

1.png

首先,清除复选框所有的样式:

input[type="checkbox"]{
        -webkit-appearance:none;
}

你可以先给它一个背景:

.dingdan input[type="checkbox"]{
        width:55px;
        height:55px;
        background:url(images/gou1.jpg) left top no-repeat;
}

然后给它一个选中的样式:

input[type="checkbox"]:checked{
        background:url(images/gou.jpg)left top no-repeat;
}

这样就可以实现给复选框换样式了

关键词:
返回列表