• 微信
您当前的位置: 首页> HTML+CSS>

修改复选框CheckBox默认样式

作者:Alpha时间:2019-01-10 阅读数:3839 +人阅读

CheckBox默认样式选中状态在数据较多的情况下不太显眼,需要调整其颜色,一眼就能发现的那种

HTML:

<label class="checkBox"><input type="checkbox">全选</label>


css:


input[type='checkbox']{
    width: 20px;
    height: 20px;
    background-color: #fff;
    -webkit-appearance:none;
    border: 1px solid #c9c9c9;
    border-radius: 2px;
    outline: none;
}
.checkBox input[type=checkbox]:checked{
   background: url("../images/checkbox_icon.png")no-repeat center;
}


本站所有文章、数据、图片均来自互联网,一切版权均归源网站或源作者所有。

如果侵犯了你的权益请来信告知我们删除。邮箱:595397166@qq.com

标签:

阿尔法

软件开发工程师#全栈工程师

{include file=foot.html}