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

qq_遁去的一_1

.radio-toolbar input[type="radio"] {

  display: none;}.radio-toolbar label {

  display: inline-block;

  background-color: #ddd;

  padding: 4px 11px;

  font-family: Arial;

  font-size: 16px;

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

  background-color: #bbb;}

  All

  Open

  Archived

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