-
Всем элементам, у которых указанные значения попадают в диапазон, установите цвет рамки
#2ecc71 -
Всем элементам, у которых значения не удовлетворяют требованиям, установите цвет рамки
#e74c3c
- *
-
<head>* -
<title>Псевдоклассы :in-range и :out-of-range</title>* -
<meta charset="utf-8">* -
<link rel="stylesheet" href="course.css">* -
<link rel="stylesheet" href="style.css">* -
</head>* -
<body>* -
<header class="page-header">Форма личных данных</header>* -
<main>* -
<form action="https://echo.htmlacademy.ru/courses" method="post">* -
<fieldset>* -
<legend>Заявление на получение визы на кухню</legend>* -
<div class="half-width">* -
<label>Имя кота</label>* -
<input type="text" name="name" value="Кексик">* -
</div>* -
<div class="half-width">* -
<label>Котопаспорт</label>* -
<input type="text" name="passport" value="PASPORT KEKSA" pattern="[A-z]{4}-[0-9]{5}" placeholder="ABCD-12345">* -
</div>* -
<div class="half-width">* -
<label>Обедов в день</label>* -
<input type="number" min="1" max="3" value="4">* -
</div>* -
<div class="half-width">* -
<label>Количество блюд</label>* -
<input type="number" min="1" max="5" value="2">* -
</div>* -
<div class="half-width">* -
<label>Дата заявления</label>* -
<input type="datetime" name="date" value="02-06-2014">* -
</div>* -
<div class="half-width">* -
<label>Подпись</label>* -
<input type="text" name="sign" value="Здесь был Кекс">* -
</div>* -
</fieldset>* -
<div class="buttons">* -
<input type="submit" value="Оформить">* -
</div>* -
</form>* -
</main>* -
<footer class="page-footer"></footer>* -
</body>* - *
input:in-range {
border: solid 1px #2ecc71;
}
в мини браузере код работает, но само задания не срабатывает. что не так?