ie7中的按钮选择器（html5 doctype）

Question

我在ie7中定位我的按钮时遇到了一些麻烦。这不适用于html5 doctype吗？

 input[type="button"] { color: red; }

仅

input { color: red; }

有效，但那不是真正的后来......

由于

编辑：这是本机ie7问题。 ie7-mode在ie9中起作用。

Answer 1

属性选择器input[type=button]是CSS级别2.1的一个组件，HTML类型（无论是4.x还是5）或多或少都无关紧要。然而，最重要的因素是实现取决于浏览器及其CSS合规性/支持级别。

具体而言，根据Quirksmode，'高级属性选择器'不是由IE＆lt; 7（在这种情况下，这并没有真正解决你的困难）。

在我自己的实现中，我偶尔会在引用属性值的值时发现问题，通常通过修改选择器来修复，在这种情况下：input[type=button]，但我没有进行客观测试验证这种方法，纯粹基于记忆。

参考文献：

• CSS 2.1 selectors。

Answer 2

注意：仅当指定了！DOCTYPE时，IE7和IE8才支持属性选择器。 IE6及更低版本不支持属性选择。

http://www.w3schools.com/css/css_attribute_selectors.asp

Answer 3

  

这不适用于html5 doctype吗？

doctype可能会阻止/允许某些内容起作用，但它不会实现浏览器本身不支持的内容。我想这就是你的意思;只是澄清。

IE7支持这样的选择器：CSS Selector for <input type="?"

据我所知，每个CSS选择器都使用HTML 5 doctype（假设没有重要因素，例如兼容模式）。

我可以确认（至少在IE9中）属性选择器仍然在兼容性视图中工作。但是，强制怪癖模式会使属性选择器失效（并导致结构良好的页面上的一般无政府状态）。

Answer 4

尝试使用<button></button>代替<input type="button" />。然后，您将能够使用元素选择器（BUTTON）而不是属性选择器（INPUT[type="button"]）。

而且，以防万一，您无法选择带有BUTTON选择器的INPUT[type="button"]元素，反之亦然。