在CSS中,要将RadioButton图标样式设置为空,可以使用以下方法:
input[type="radio"] {
display: none;
}
input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: transparent;
border: 2px solid #000;
border-radius: 50%;
cursor: pointer;
transition: all 0.3s;
}
input[type="radio"]:checked + label::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-color: #000;
border-radius: 50%;
cursor: pointer;
transition: all 0.3s;
}
input[type="radio"] + label::before {
margin-right: 5px;
}
这样,在Flex 3中,就可以将RadioButton图标样式设置为空了。
领取专属 10元无门槛券
手把手带您无忧上云