效果图如下:
html代码如下所示:
<input type="radio" name="paymeradio" value="" />
css代码如下所示:
input[type="radio"] {
appearance: none;
-webkit-appearance: none;
outline: none;
margin: 0;
vertical-align: text-bottom;
margin-right: 0.1rem;
width: 14px;height: 14px;
border-radius: 50%;
background-color: #FFFFFF;
border: 1px solid #2DA7E0;
}
input[type="radio"]:checked{
border: none;
background-image: url(../images/radiochecked.png);
background-size: 100%;
background-repeat: no-repeat;
}