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

【问题标题】：The correct selector for all radio buttons Css所有单选按钮 Css 的正确选择器
【发布时间】：2016-12-21 18:04:15
【问题描述】：

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

input [type = radio] {

<!-- Css stuff -->

}

【问题讨论】：

标签： html css

【解决方案1】：

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

此外，“正确”可以有多种含义。例如，将 HTML 更改为 <input type="radio" class="radio-btn"> 然后在 CSS 中使用 .radio-btn 可能更有意义。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

这是正确的。

input[type="radio"] {

}

与

input[type="radio"]:checked {

}

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

【讨论】：

【解决方案4】：

input[type="radio"]

不要忘记引号

【讨论】：