模擬checkbox的最優最簡方法

<label>
    <input type="checkbox" name="status" hidden value="1"/>
    <span class="iconfont"></span>
</label>
input[type=checkbox] + .iconfont {
    font-size:20px;
}
input[type=checkbox] + .iconfont:before {
    content: "\e63e";
}
input[type=checkbox]:checked + .iconfont:before{
     content: "\e617";
}

  引入淘寶iconfont字體css

  來源 http://yincheng.site/using-html-css-instead-of-jshtml

相關文章
相關標籤/搜索