css - 在 IE9 + 中覆盖用于验证的默认 css 样式

Question

http://jsfiddle.net/4LXkE/

代码:

<form>
<input type="text" name="name" id="name" placeholder="Name*" required="required" />
<input type="submit" />
</form>

在上面的 fiddle 中，您可以看到在 IE9+(这是我的目标浏览器)中，输入框被丑陋的红色突出显示包围，并且弹出消息显示它是必填字段。我发现以下问题很接近，但没有给出我的具体问题的完整答案:

override css for html5 form validation/required popup

在我的应用程序中，我有自己的样式(twitter bootstrap 默认值)，但它们隐藏在显示的这些样式后面。

虽然我尝试在 Developer tools 中调试应用程序，但我无法找到添加了哪些 CSS 类或如何添加。

如果您能帮助关闭这些功能，我们将不胜感激，谢谢!

Answer 1

IE9 本身不支持“required”属性，它不是 UA 样式表的一部分。

您是否将 Modernizr 或类似的东西与 Bootstrap 一起使用？在 IE9 中，如果没有 polyfill，“required”属性是无用的。 (有关更多信息，请参见 caniuse 或 this article)请 look at Modernizr解决这个问题。如果您已经在使用 polyfill，您应该能够设置 shim 元素的样式以获得您想要的外观。