在 IE 6,7 中使用“for”属性的标签的 CSS 选择器

Posted 2023-03-06

【中文标题】在 IE 6,7 中使用“for”属性的标签的 CSS 选择器

【英文标题】：CSS selector for label using "for" attribute in IE 6,7

【发布时间】：2011-05-01 05:41:00

【问题描述】：

我的网页中有一个标签作为标签 for="title" 如何设置这个特定标签元素的样式？

【问题讨论】：

Is it possible to format an html tooltip?的可能重复

哦，我的错，我误解了这个问题。对不起

IE6 不支持基本的 CSS 选择器真是太烦人了。老实说，我现在已经放弃尝试支持IE6了；只是不值得努力，而且它的市场份额一直在下降。但如果你仍然必须支持它，我会同情你。

【参考方案1】：

你可以给它分配一个id

<label for="title" id="label-title">TITLE</label>

然后应用一些 css，例如

#label-titlefont-weight:bold

【讨论】：

几乎是适应 IE6 的唯一（简单）方法之一。 +1

【参考方案2】：

由于 IE6 不支持属性选择器，您可以考虑为您的 <label /> 指定一个类属性并使用它来选择它。 （见How to workaround: IE6 does not support CSS “attribute” selectors）

使用 IE7，您可以这样做：

label[for="title"] 
   font-weight: bold;
   /* ... */

见jsfiddle.net/GWNXq。

【参考方案3】：

感谢您的回答！

这是我在“谷歌搜索”数小时后发现的

我认为在 IE6 中我们必须使用 id 或 class 属性，否则在大多数答案中无法选择上面所说的标签元素！

label[htmlFor="title"]... 用于 IE7

label[for="title"]... for FF 3.5（我没有在safari上测试过）

参考 - http://reference.sitepoint.com/css/attributeselector

P.S: IE7 还是不行！！

【参考方案4】：

就像 Rocket Ronnie 所说，id 是一种实现方式。

您甚至可以提供一个类，这样您就可以同时设置多个样式

<label for="title" class="label">TITLE</label>
<label for="title" class="label">FORENAME</label>

然后应用一些 css，例如

.labelfont-weight:bold