Tạo kiểu cho input giá trị ngoài phạm vi với CSS

Bộ chọn :out-of-range - Lặp lại

Nội dung trùng lặp với bài 1003062666. :out-of-range chọn input giá trị ngoài khoảng min-max.

Ví dụ (giống hệt bài trước)

<!DOCTYPE html>
<html>
<head>
  <style>
    input:out-of-range {
      border: 3px dashed orange;
      background: yellow;
    }
  </style>
</head>
<body>
  <input type="number" min="5" max="10" value="15">
  <p>Kiểu áp dụng cho giá trị 15 (ngoài phạm vi 5-10).</p>
</body>
</html>

Giá trị 15 > 10 → viền cam gạch, nền vàng.