CSSinputcheckbox自定义样式

  
 
 
 CSS input checkbox自定义样式 
 
测试数据pare_button .checkboxcss {
? ? cursor: pointer;
? ? position: absolute;
? ? width: 15px;
? ? height: 15px;
? ? top: 0;
? ? left: 0;
? ? background: #f7f7f7;
? ? border: 2px solid #f5b34f;
? ? border-radius: 5px;
}
测试数据pare_button {
? ? position: relative;
}
测试数据pare_button .checkboxcss:after {
? ? opacity: 0;
? ? content: '';
? ? position: absolute;
? ? width: 7px;
? ? height: 3px;
? ? background: transparent;
? ? top: 3px;
? ? left: 3px;
? ? border: 3px solid #1e8cc5;
? ? border-top: none;
? ? border-right: none;
? ? -webkit-transform: rotate(-45deg);
? ? -moz-transform: rotate(-45deg);
? ? -o-transform: rotate(-45deg);
? ? -ms-transform: rotate(-45deg);
? ? transform: rotate(-45deg);
}
测试数据pare_button input[type=checkbox]:checked + label:after {
? ? opacity: 1;
}
 
 
 

? ? ? ?  
? ? ? ?   
? ? ? ?  compare text 
? ?

      
查看更多关于CSSinputcheckbox自定义样式的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did115258