html单选框样式复写,重写 HTML 单选按钮 Radio CSS 样式

.radio{

display:none

}

.radioInput{

background-color:#fff;

border:1px solid rgba(0,0,0,0.15);

border-radius:100%;

display:inline-block;

height:16px;

margin-right:10px;

margin-top:-1px;

vertical-align:middle;

width:16px;

line-height:1

}

.radio:checked + .radioInput:after{

background-color:#FFFFFF;

border-radius:100%;

content:"";

display:inline-block;

height:6px;

margin-left:5px;

margin-top:5px;

width:6px

}

.checkbox.radioInput,.radio:checked + .checkbox.radioInput:after{

border-radius:0

}

.radio:checked + .radioInput{

border:1px solid #00A1E9;

background-color: #00A1E9;

}

你好

再见