有没有一种方法来排除或输入类型选择标签,类似于输入字段的东西吗?
label:not([type=checkbox])
label[type=checkbox]
有没有一种方法来排除或输入类型选择标签,类似于输入字段的东西吗?
label:not([type=checkbox])
label[type=checkbox]
如果你给你的复选框特定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。
EDIT2:为了给这到底是怎么回事的说明,方括号查找要求的属性。 该星号改变了平等的行为,从只是一个简单的等同,是指包含 - 无论for属性包含“CHK”将应用该样式。 你可以用^代替*,它会改变它的意思是开始,而不是用含有。
EDIT3:BoltClock已经在评论规定IE7修复,我已经更新了答案,包括它。
如何input[type=checkbox] + label { /*label style here*/ }
如果文字输入元素后,它可能会奏效。 我没有测试过这一点。
您可以使用复选框基本数据属性参考..
<input type="checkbox" name="checkbox-1" id="checkbox-0" class="custom" />
<label for="checkbox-0">Whatever</label>
如果你不希望这个......让我们知道...