使用 CSS 修改 HTML 默认单选（radio）和复选框（checkbox）样式

第一步编写DOM. input框是原来的默认框。span是我用来代替的框，采用的背景图模式 第二步编写样式。父容器相对定位，span和input相对定位，定位位置相同，但是注意原生的input不要使用display:none属性，会点击不到，采用opacity:0的属性。然后z-index设置比input高点 .videostatusItem{ position: relative;

>>阅读原文<<