<style> input[type='checkbox']{ width: 15px; height: 15px; background-color: #fff; -webkit-appearance:none; border: 1px solid #c9c9c9; border-radius: 2px; outline: none; margin-bottom: -1.5%; //这个属性可以使checkbox框上下移动而checkbox框后面的文本位置不动 } input[type=checkbox]:checked{ background: url("../img/xingZh-1.png")no-repeat center; //checkbox框选中时√的图片 } </style>
改变checkbox默认样式
最新推荐文章于 2023-09-15 10:11:55 发布