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

Question

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

input [type = radio] {

<!-- Css stuff -->

}

Answer 1

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

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