Question

我试图通过选择'for'属性来设置某些表单标签的样式。但是当我在IE7中预览它时，没有任何东西被拾取。我这样做是因为我想在不添加现有标记的情况下对它们进行不同的设置。

所以如果我的css看起来如下，我什么也得不到：

<style>
 label[for="foo"] {
 background: blue;
 padding: 1em
}
</style>

<form>
 <label for="foo"/>bar</label>
 <input name="foo" type="text"/>
</form>

但是如果我把它改成这个，造型就会起作用。

<style>
 label[fro="foo"] {
 background: blue;
 padding: 1em
}
</style>

<form>
 <label fro="foo"/>bar</label>
 <input name="foo" type="text"/>
</form>

你以前见过这种问题吗？我正在编写CSS，IE7或其他什么方式有问题吗？

Answer 1

此用户似乎遇到了同样的问题： here

他说因为“for”是一个保留字，所以它不能用作属性名。但'htmlFor'是与for属性

关联的DOM属性名称

Answer 2

标签与特定的输入字段配对，那么为什么你不能使用类而不是在CSS中创建大量的选择器呢？

IE7是否存在某些CSS属性选择器的问题？

2 个答案: