0

我在 ie7 中定位我的按钮时遇到了一些问题。这不适用于 html5 文档类型吗?

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

只要

input { color: red; }

有效,但这并不是我真正追求的...

谢谢

编辑:这是一个原生 ie7 问题。ie7 模式在 ie9 中工作。

4

4 回答 4

0

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

具体来说,根据Quirksmode,“高级属性选择器”不是由 IE < 7 实现的(在这种情况下,这并不能真正解决您的困难)。

在我自己的实现中,我偶尔会在引用属性值的值时发现问题,通常通过将选择器修改为来解决,在这种情况下:input[type=button],但我没有执行任何客观测试来验证这种方法,并且纯粹基于记忆。

参考:

于 2012-05-13T13:10:45.307 回答
0

注意:IE7 和 IE8 仅在指定了 !DOCTYPE 时才支持属性选择器。IE6 及更低版本不支持属性选择。

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

于 2012-05-13T13:10:46.080 回答
0

这不适用于 html5 文档类型吗?

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

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

据我所知,每个 CSS 选择器都适用于 HTML 5 文档类型(假设没有压倒一切的因素,例如兼容模式)。

我可以确认(至少在 IE9 中)属性选择器在兼容性视图中仍然有效。但是,强制 quirks 模式会破坏属性选择器(并在结构良好的页面上导致普遍的无政府状态)。

于 2012-05-13T13:10:54.400 回答
0

尝试使用<button></button>而不是<input type="button" />. 然后,您将能够使用元素选择器 ( BUTTON) 而不是属性选择器 ( INPUT[type="button"])。

而且,以防万一,当然,您不能使用选择器选择BUTTON元素,INPUT[type="button"]反之亦然。

于 2012-05-13T13:36:27.090 回答