<style type="text/css">
input[type=radio] {
-webkit-appearance: none;
appearance: none;
outline: none;
width: 16px;
height: 16px;
cursor: pointer;
vertical-align: center;
background: #fff;
border: 1px solid #ccc;
position: relative;
border-radius: 50%;
}
input[type=radio]:checked {
border: 0;
background-color: red
}
input[type=radio]:checked::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 5px;
height: 3px;
border-radius: 0;
border-bottom: solid 1px #fff;
border-left: solid 1px #fff;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
</style>
<input type="radio" name="">123
css伪类修改默认样式
最新推荐文章于 2021-11-21 21:45:07 发布