css – 按输入类型选择标签

前端之家收集整理的这篇文章主要介绍了css – 按输入类型选择标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法按输入类型排除或选择Label,类似于输入字段?
label:not([type=checkBox])
label[type=checkBox]

解决方法

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

HTML

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

CSS

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

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

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

EDIT3:BoltClock在评论中为IE7提供了修复,我已经更新了包含它的答案.

猜你在找的CSS相关文章