html怎么设置单选框样式 CSS - 如何设置所选单选按钮标签的样式？

qq_遁去的一_1

.radio-toolbarinput[type="radio"]{

display:none;}.radio-toolbarlabel{

display:inline-block;

background-color:#ddd;

padding:4px11px;

font-family:Arial;

font-size:16px;

cursor:pointer;}.radio-toolbarinput[type="radio"]:checked+label{

background-color:#bbb;}

All

Open

Archived

首先，您可能希望name在单选按钮上添加该属性。否则，它们不属于同一组，可以检查多个单选按钮。此外，由于我将标签放置为(单选按钮的)兄弟，我必须使用id和for属性将它们关联在一起。