Code Bye

html中如何设置checkbox点击复选框的背景颜色

html中如何设置checkbox点击复选框的背景颜色

 
jquery .css(“background-color”,”red”)

5分
设置点击事件,判断是否选中,选中就添加背景(1#方法),没选中就去掉背景
我要的是的背景颜色改变
这个没有背景色吧, 本身只是个方框, 中间是镂空的, 最多时边框变色..

30分
用css模拟一个
<span class=”cbox” onclick=”this.className=/checked/ig.test(this.className)?this.className.replace(“checked”,””):(this.className+” checked”)”></span>
<style>
  .cbox{display:block;width:16px;height:16px;border:1px solid #ccc;background:#fff;}
  .cbox.checked{background:#f00;}
  .cbox.checked:after{content:”√”}
</style>

5分
点击选中时,触发一个事件,用css把边框颜色改变为红

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明html中如何设置checkbox点击复选框的背景颜色