0

HTML フォームで無効な要素のスタイルを設定しようとしています。Chrome では十分に単純ですが、Firefox は私の :invalid 疑似クラスをリッスンすることを拒否します。Chrome と Firefox で以下を開いて、私の意味を確認してください。

<html>
    <head>
        <style type='text/css'>
            :invalid{
                color:#FF0000;
            };
        </style>
    </head>

    <body>
        <form>
            This box validates on inputs between 0 and 100:
            <input class='myInput' type='number' min='0' max='100'>
        </form>
    </body>
</html>

入力ボックスに 101 を入力すると、Chrome はそれを赤くし、Firefox はそれを無視します。考え？

4

1 に答える 1

0

このmozilla wikiページから

<input type='number'>

number : 新しい入力タイプ : 数字の新しい入力タイプ : バグ 344616 : 一時停止中

このcaniuseページから：

赤 = サポートされていません

このより安定したリファレンスから( jukka-k-korpela に感謝):

type=number 6.0 (Chrome 11 でのローカライズ) 非対応 未実装 (バグ 344616 を参照)

まだサポートされていません。

解決策はmodernizrを使用することです

于 2013-10-23T20:25:41.467 に答える