Question

我正试图在我的html表单中设置无效元素的样式;在Chrome中很简单，但Firefox拒绝听我的：无效的伪类。在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则忽略它。想法？

Answer 1

来自this mozilla wiki页面

<input type='number'>

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

从caniuse页面开始：

红色=不支持

从此more stable reference（感谢jukka-k-korpela）：

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

目前尚不支持。

解决方案是using modernizr

CSS：无效在Chrome v.FF中有效吗？

1 个答案: