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 维基页面

<input type='number'>

number ：新的输入类型：数字的新输入类型：错误 344616：暂停

从这个caniuse页面：

红色 = 不支持

从这个更稳定的参考（感谢jukka-k-korpela）：

type=number 6.0（Chrome 11 中的本地化）不支持未实现（请参阅错误 344616）

尚不支持。

一个解决方案是使用modernizr

于 2013-10-23T20:25:41.467 回答