カスタムスタイルのradioラジオボタン
709 ワード
//カスタムラジオ
HTMLコード:
CSSスタイル:
HTMLコード:
CSSスタイル:
.defined-label{
margin:0;
display:inline-block
}
.defined-radio{
display:none
}
.defined-radioInput{
background-color:#d8d8d8;
border-radius:100%;
display:inline-block;
height:16px;
margin-right:10px;
margin-top: -1px;
vertical-align:middle;
width:16px;
line-height:1
}
.defined-radio:checked+ .defined-radioInput:after{
background-color:#ffc53d;
border-radius:100%;
content:"";
display:inline-block;
height:12px;
margin:2px;
width:12px
}