Question

我希望你能帮我解决IE9中HTML5的简单问题在我的代码中，我有一些东西：

<input type="text" id="fn" name="fn" placeholder="Street" autofocus/>
---------------------------------------------------------------------
/* INPUT TEXT */
input[type="text"]
{
    border:2px solid #dadada;
    border-radius:7px;
    font-size:16px;
    padding:5px; 
}

input[type="text"]:focus
{ 
    outline:none;
    border-color:#9ecaed;
    box-shadow:0 0 10px #9ecaed;
}

在Opera，Chrome和Firefox都很好，但在IE9中没什么...... 我尝试在链接CSS文件之前将其包括在内：

<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

你有任何想法如何解决这个问题？这个CSS在IE9中不起作用（在IE9中是正常输入），在Opera，Chrome，Firefox中都有很好的半径和颜色输入。

Answer 1

IE9和Opera / Chrome / Firefox之间唯一不同的问题是它不支持placeholder HTML5属性。您可以查看此jsFiddle以验证IE9 http://jsfiddle.net/dndrS/中的损坏行为，还可以参考CanIUse以查看输入占位符属性的支持。

IE10确实支持占位符属性，因此您可以升级，或者如果您想支持IE9，那么您可以使用Mathias Bynens的以下polyfill https://github.com/mathiasbynens/jquery-placeholder。这是一个使用在IE9中工作的polyfill http://jsfiddle.net/nyTMw/的jsFiddle

查找其他polyfill的便捷网站是http://html5please.com/

在IE9中输入HTML5

1 个答案: