Я не знаю, может ли это быть какой-то ошибкой в 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.
Есть идеи?