html中的radio或checkbox通过CSS修改样式
input[type=radio]:disabled {
/*去除浏览器默认样式*/
appearance: none;
-webkit-appearance: none;
/*自定义样式*/
position: relative;
width: 14px;
height: 14px;
border: 1px solid #777;
border-radius: 100%;
-webkit-border-radius: 100%;
opacity: 1;
outline: none;
}
input[type=radio]:disabled::after {
content: '';
width: 8px;
height: 8px;
position: absolute;
top: 2px;
left: 2px;
background: #0075ff;
border-radius: 100%;
-webkit-border-radius: 100%;
opacity: 1;
transform: scale(0);
-webkit-transform: scale(0);
}
input[type=radio]:checked:disabled::after {
transform: scale(1);
-webkit-transform: scale(1);
}
骑着母猪去打猎的备忘录,如有侵权请联系本人骑着母猪去打猎删除。https://www.cnblogs.com/shichq/p/18729423
如果本文对您有所帮助,麻烦在下面评论里面随便敲上那么几下键盘,谢谢了
浙公网安备 33010602011771号