css中单选按钮怎么写,CSS-如何设置选定单选按钮标签的样式？

You can add a span to your html and css .

Here's an example from my code ...

HTML ( JSX ):

am

pm

CSS to make standard radio button vanish on screen and superimpose custom button image:

input[type="radio"] {

opacity:0;

}

input[type="radio"] + label {

font-size:1em;

text-transform: uppercase;

color: white ;

cursor: pointer;

margin:auto 15px auto auto;

}

input[type="radio"] + label span {

display:inline-block;

width:30px;

height:10px;

margin:1px 0px 0 -30px;

cursor:pointer;

border-radius: 20%;

}

input[type="radio"] + label span {

background-color: #FFFFFF

}

input[type="radio"]:checked + label span{

background-color: #660006;

}