添加透明边框增加点击区域
增加可视渲染区域


border的transparent属性非常常用,兼容性很好

复选框的样式分析
图标变色++
增加可视渲染区域
复选框美化
透明border突破可视区域限制
.icon { filter:drop-shadow(20px 0 #ff8040; }
实现响应区域大小的代码
.checkbox{
width:16px;
height:16px;
border:2px solid transparent;
box-shadow:inset 0 1px, inset 1px 0,inset -1px 0, inset 0 -1px;
background-color:#fff;
background-clip:content-box;
color:#d0d0d5;
}
实现响应去的大小
透明border突破可视区域的限制
chrome页面不兼容
增加响应区域大小—复选框