选择按输入类型标签

Question

有没有办法按输入类型排除或选择Label,类似于输入字段？

label:not([type=checkbox])
label[type=checkbox] 

Answer 1

如果您给复选框指定特定ID,则所有ID都以相同的内容开头,您可以执行以下操作:

HTML

<input type="checkbox" id="chkTerms" />
<label for="chkTerms">Read terms & conditions</label>

CSS

label[for*="chk"], label[htmlfor*="chk"]
{
css here
}

可能只是现代浏览器.编辑:我刚刚尝试了一个小提琴:链接,它适用于chrome和IE 8&9但不是7.我没有尝试在FF.

编辑2:只是为了解释这里发生了什么,方括号查找一个名为的属性.asterix将equals的行为从简单的equals更改为mean contains - 只要for属性包含"chk",它就会应用该样式.您可以用*替换*,它会将其更改为以%而不是contains开头.

编辑3:BoltClock在评论中提供了IE7的修复程序,我已经更新了包含它的答案.

Answer 2

怎么样input[type=checkbox] + label { /*label style here*/ }？如果文本位于输入元素之后，它可能会起作用。我还没有测试过。