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

Question

10 浏览2023年2月5日

匿名的 2023年2月5日

0 Comments

我在网页中有一个标签，标签的属性为"label for="title""

我如何为这个特定的标签元素添加样式？

0

3 答案

匿名的 · Answer 1 · 2023-07-26T03:52:00+00:00

在IE 6和7中，如果要使用"for"属性选择器选择label元素，必须使用id或class属性，否则无法选择label元素。在IE7中，可以使用label[htmlFor="title"]{... }进行选择。在Firefox 3.5中可以使用label[for="title"]{... }进行选择（在safari中未测试）。然而，即使在IE7中使用了正确的选择器，仍然无法正常工作。

参考资料：http://reference.sitepoint.com/css/attributeselector

匿名的 · Answer 2 · 2023-02-24T19:32:56+00:00

IE 6和7不支持使用"for"属性的CSS选择器来选中元素。为了解决这个问题，可以考虑给元素指定一个class属性，并使用class选择器来选中它。在IE7中，可以直接使用以下代码来选中元素：

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

具体示例可以参考jsfiddle.net/GWNXq。

匿名的 · Answer 3 · 2023-07-07T17:38:45+00:00

问题的原因是在IE 6和7中，使用"for"属性的CSS选择器无效。解决方法是给label标签分配一个id，然后通过id选择器来应用CSS样式。具体步骤如下：

1. 在label标签中添加一个id属性，例如id="label-title"。

2. 使用id选择器来应用CSS样式。例如，可以使用以下代码来设置label的字体加粗：

#label-title {
  font-weight: bold;
}

这是在IE6和7中适应"for"属性的一种（简单）方法。在这种情况下，给label标签分配一个id，并使用id选择器来应用CSS样式可以解决该问题。