IE8 中的 CSS 属性选择器错误？答案

【问题标题】：CSS attribute selector bug in IE8?IE8 中的 CSS 属性选择器错误？
【发布时间】：2017-05-23 15:29:23
【问题描述】：

由CSS 2.1指定：

input[type=submit] {
}

或

input[type="submit"] {
}

必须匹配任何“type”属性值完全等于“submit”的输入元素。但是，此选择器不适用于 IE8（和 IE7 兼容模式）。有什么提示吗？解决方法？

【问题讨论】：

【解决方案1】：

Internet Explorer 不会追溯应用样式。

并且这些 jquery 选择器的使用仅适用于该代码运行之前存在的元素。

之后创建并插入到 DOM 中的任何内容都不会受到该代码的影响。

【讨论】：

【解决方案2】：

为了回答您帖子的标题（不完全是您的情况），我刚刚在 IE8 上试验了一个错误：

我正在整合一个 ASP.net 项目，其中页面名称以大写字母开头……

还有……

使用此表格

<form name="aspnetForm" method="post" action="Default.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="aspnetForm">

Internet Explorer 8区分

form[action^="Default"]

值：D错误 → 不工作（但在 IE11 和现代浏览器上工作......）

和

form[action^="default"]

值：d错误→工作

【讨论】：

【解决方案3】：

你可以使用输入[类型='提交'] { 代码在这里... } 希望这适用于 IE 以及旧版 IE。

【讨论】：

【解决方案4】：

jQuery 将为您提供您需要的选择器，而无需使用肮脏的技巧。

$(':submit').css( 'styleprop', 'value' );

例子：

$(':submit').css('color','red');

【讨论】：