用iconfont修改checkbox样式

来源:互联网 发布:对等网络属于局域网吗 编辑:程序博客网 时间:2024/05/17 05:02
<lable class="checkbox">    <input type="checkbox">    <i class="iconfont  icon-check"></i></lable><style>    input{        width: 16px;        height: 16px;        opacity: 0;        position: absolute;        top:-3px;        left:-3px;    }    i{        color:#cccccc;    }    .checkbox{        position: relative;    }    input:checked + i:before{        content:'\e620';        color:#2db7f5;    }</style>

给前端小白们的第一篇博客

0 0
原创粉丝点击