Sử dụng công cụ chọn CSS:out-of-range để tạo kiểu cho các phần tử với giá trị nằm ngoài một phạm vi được chỉ định.
Ví dụ
Bạn có thể thử chạy mã sau để triển khai:bộ chọn ngoài phạm vi:
<!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>The style only works for the value entered out of range</p>
</body>
</html>