所有单选按钮Css的正确选择器

Question

这是在CSS中设置单选按钮样式的正确方法吗？

input [type = radio] {

<!-- Css stuff -->

}

Answer 1

您应该删除空格。它们在CSS中具有意义 - 类似于＆＃34;＆＃34;中的所有元素。因此，您的选择器正在执行您不想要的额外功能。它应该是：input[type="radio"]而不是。

此外，＆＃34;正确＆＃34;可以有很多含义。例如，您可能更有意义的是将HTML更改为<input type="radio" class="radio-btn">，然后在CSS中使用.radio-btn。

Answer 2

这是对的。

input[type="radio"] {

}

用

input[type="radio"]:checked {

}

为其选定版本设置样式。您需要删除input和[type = radio]之间的空格。

Answer 3

input[type=radio]
{
  /*all styles here applied here*/
}

Answer 4

input[type="radio"]

别忘了引号