0

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 は半径と色の入力に適しています。

4

1 に答える 1

4

IE9 と Opera/Chrome/Firefox で唯一異なる点は、placeholderHTML5 属性がサポートされていないことです。この jsFiddle を表示して、IE9 http://jsfiddle.net/dndrS/で壊れた動作を確認し、 CanIUseを参照して、入力プレースホルダー属性のサポートを確認することもできます。

IE10 はプレースホルダー属性をサポートしているため、アップグレードするか、IE9 をサポートしたい場合は、Mathias Bynens による次のポリフィルhttps://github.com/mathiasbynens/jquery-placeholderを使用できます。IE9 で動作するポリフィルhttp://jsfiddle.net/nyTMw/を使用した jsFiddle を次に示します。

他のポリフィルを探すのに便利な Web サイトはhttp://html5please.com/です。

于 2013-03-15T02:45:26.830 に答える