复选框自定义样式

复选框自定义样式
input[type="checkbox"]
{ position: relative; width: 0.75rem; height: 0.75rem; background-color: #fff; border: 0.05rem solid #CCC !important; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; } input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
------------------------------------------------------------------------------------

 

posted @ 2020-03-24 13:17  一半人生  阅读(191)  评论(0编辑  收藏  举报