Vai trò bộ chọn :out-of-range trong CSS

Bộ chọn :out-of-range

:out-of-range chọn <input> có min/max khi giá trị **ngoài khoảng cho phép** (nhỏ hơn min hoặc lớn hơn max).

Ví dụ minh họa

<!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>Giá trị 15 > max 10 → viền cam gạch, nền vàng.</p>
</body>
</html>

Giá trị 15 vượt max 10 → áp dụng kiểu cảnh báo. Kết hợp :in-range cho phản hồi hoàn chỉnh.