html - 仅引用复选框的标签选择器

Question

我想知道是否有一个 CSS 选择器来选择任何 label，它指的是输入类型 checkbox。

<label for="checkbox_1">First checkbox</label>
<input type="checkbox" name="checkbox_1" value="1">

那么简单的方法:

label[for='checkbox_1'] { /* styles */ }

但随后我必须为每个引用复选框的标签重复此操作。我想做类似的事情:

label[type='checkbox'] { /* styles */ }

有什么想法吗？

Answer 1

您可以使用选择器选择所有 type 属性以单词“checkbox”开头的 LABELS:

label[type^='checkbox']

更多关于属性选择器的信息在这里:http://www.w3.org/TR/css3-selectors/#attribute-substrings