Question

我不知道这可能是Chrome中的某种错误，或者（很可能）我做错了。如果输入的内容不是数字，我试图让文本框背景颜色变为红色。

我有这个HTML页面：

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>iSPT</title>
    <link rel="stylesheet" type="text/css" href="style2.css" />
</head>
<body>
    <form >
        <input type="number" autofocus />
    </form>
</body>
</html>

这是style2.css：

@CHARSET "ISO-8859-1";
:invalid{ 
    background-color: red; 
}

这不能如上所示（如果输入字母，框不会变为红色）。我有两种方法可以让它发挥作用。第一种方法是从输入中删除自动聚焦属性。

或者，如果我将外部文件中的CSS内联到HTML头中，那么验证也会起作用。

我希望能够保留自动对焦和外部css表。

有什么想法吗？

Answer 1

似乎已在最新版本的Chrome中解决。

HTML5表单验证不适用于Chrome中的自动对焦

1 个答案: