修改复选框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