覆盖默认的CSS两种风格在IE9验证+

http://jsfiddle.net/4LXkE/覆盖默认的CSS两种风格在IE9验证+

代码：

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

在上面的小提琴，你可以看到，在IE9 +（这是我的目标浏览器是什么）的输入框被一个丑陋的红色突出显示和一个弹出消息包围，显示它是必填字段。我发现下面的问题是接近，但没有给出一个完整的答案，我的具体问题：

override css for html5 form validation/required popup

在我的应用我有我自己的花式（Twitter的引导默认值），但他们的背后隐藏着这些样式显示出来。

虽然我试图在开发人员工具中调试应用程序，但我找不到要添加什么CSS类或如何添加。

任何帮助把这些关闭将不胜感激，谢谢！

来源

2014-01-24 ArjaaAine

希望我有一个神秘的浏览器来重现问题，并帮助更多:-P –

@NicholasHazel，我们似乎一直在看同样的问题！ – Marcatectura

我为'html'，'css'，'javascript'和'jquery'问题反弹。很高兴看到同行的编码人员也能帮忙，因为这是我在这个网站上的唯一目的（除非我得到一个真正棘手的问题：-P） –

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

你是否在使用Modernizr或类似的东西以及Bootstrap？在IE9中，如果没有polyfill，“required”属性是无用的。（有关更多信息，请参阅caniuse或this article）请致电look at Modernizr以解决此问题。如果你已经使用了polyfill，你应该能够设置shim元素来获得你想要的外观。

来源

2014-01-24 23:07:50 Marcatectura

啊，我陷入了困境。我的应用程序中有modernizr，导致问题。我在IE10中测试的jsfiddle，这就是它显示错误的原因。我会研究modernizr :) – ArjaaAine

覆盖默认的CSS两种风格在IE9验证+

回答

相关问题