Css 在IE9中输入HTML5

我希望你们能帮我解决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;
}

---------------------------------------------------------------------
/*输入文本*/
输入[type=“text”]
{
边框：2个实心#达达；
边界半径：7px；
字体大小：16px；
填充物：5px；
}
输入[type=“text”]：焦点
{ 
大纲：无；
边框颜色：#9ecaed；
盒影：0 10px#9ecaed；
}

在Opera中，Chrome和Firefox都很好，但在IE9中什么都没有。。。 在链接CSS文件之前，我尝试在head中包含以下内容：

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

你有办法解决这个问题吗？

---

这个CSS在IE9中不起作用（在IE9中是正常输入），在Opera中，Chrome、Firefox是很好的半径和颜色输入。

我看到IE9和Opera/Chrome/Firefox之间唯一不同的问题是它不支持

占位符

HTML5属性。您可以查看此JSFIDLE以验证IE9中的中断行为，还可以参考查看对输入占位符属性的支持

IE10确实支持占位符属性，因此您可以升级，或者如果您想支持IE9，则可以使用Mathias Bynens提供的以下polyfill。下面是一个使用在IE9中工作的polyfill的JSFIDLE

---

一个方便的网站来寻找其他的polyfill是

我发现IE9和Opera/Chrome/Firefox之间唯一不同的问题是它不支持

占位符

HTML5属性。您可以查看此JSFIDLE以验证IE9中的中断行为，还可以参考查看对输入占位符属性的支持

IE10确实支持占位符属性，因此您可以升级，或者如果您想支持IE9，则可以使用Mathias Bynens提供的以下polyfill。下面是一个使用在IE9中工作的polyfill的JSFIDLE

---

查找其他Polyfill的便捷网站是

问题到底是什么，你的问题是什么？

文本

不是这些新的HTML5输入类型之一，它永远存在。为什么我要在IE9中加入

html5shiv

，而它在这个版本的IE中没有用处？它在IE8、7和6中很有用，而IE8、7和6是在HTML5还不存在的时候开发的，而不是在IE9、10和不久的将来的IE11中，等等。问题是什么？占位符？我有一个问题，它在IE9中不起作用，它在Opera、Chrome、Firefox中起作用，但在IE9中不起作用……而且，

html5shiv

的目的不是让HTML5功能在传统IE上起作用。它是修复IE中的一个bug，它根本不会在DOM中包含无法识别的元素（例如

），而其他浏览器则会。它所做的只是让新元素看起来像普通的

s，没有别的。到底是什么问题，你的问题是什么？

text

不是这些新的HTML5输入类型之一，它永远存在。为什么我要在IE9中加入

html5shiv

，而它在这个版本的IE中没有用处？它在IE8、7和6中很有用，而IE8、7和6是在HTML5还不存在的时候开发的，而不是在IE9、10和不久的将来的IE11中，等等。问题是什么？占位符？我有一个问题，它在IE9中不起作用，它在Opera、Chrome、Firefox中起作用，但在IE9中不起作用……而且，

html5shiv

的目的不是让HTML5功能在传统IE上起作用。它是修复IE中的一个bug，它根本不会在DOM中包含无法识别的元素（例如

），而其他浏览器则会。它所做的只是使新元素显示为普通的

s，而不是其他。