关于input 的选中，自定义input[type="checkbox"]样式

<input type="checkbox" id="defaults"/>
<label for="defaults"></label>

/*input 选中前的样式*/
input[type="checkbox"] + label::before {
    content: "a0";  /*不换行空格*/
    display: inline-block;
    width:20px;
    height:20px;
    border-radius:2px;
    text-align:center;
    line-height:20px;  
    border:1px solid #ddd;
}
/*input 选中后的样式 */
input[type="checkbox"]:checked + label::before {
    background:url('../pc/images/archives/icon_choosed.png') no-repeat center center;/*背景图的写法是生效的*/
    border:none;
}

/*拓展**/
input[type="checkbox"]:checked + label::before {
    　　content: "2713";
   　　 background-color: yellowgreen;

}