Bộ :in-rangechọn giả trong CSS khớp với các phần tử đầu vào khi giá trị của chúng nằm trong phạm vi được chỉ định là có thể chấp nhận được. Nó là một phần của thông số kỹ thuật CSS Selectors Level 4 hiện đang ở trong Bản nháp của Biên tập viên.
input:in-range ( border: 5px solid green; )Tôi tin rằng nó chỉ có liên quan trên input(type=number). Đầu vào phạm vi không cho phép các giá trị nằm ngoài giá trị tối thiểu / tối đa của chúng và điều đó không có ý nghĩa gì đối với bất kỳ loại đầu vào nào khác. Có lẽ đầu vào text-y với độ dài tối đa, nhưng hành vi trên những đầu vào đó trong hầu hết các trình duyệt là ngăn mục nhập vượt quá giá trị tối đa.
Bản giới thiệu
Cũng giống như mã ở trên, đầu vào này sẽ có đường viền màu xanh lá cây khi giá trị của nó nằm trong khoảng từ 5 đến 10.
Hỗ trợ trình duyệt
Dữ liệu hỗ trợ trình duyệt này là từ Caniuse, có nhiều chi tiết hơn. Một con số cho biết rằng trình duyệt hỗ trợ tính năng ở phiên bản đó trở lên.
Máy tính để bàn
| Trình duyệt Chrome | Firefox | I E | Cạnh | Safari |
|---|---|---|---|---|
| 53 | 50 | Không | 79 | 10.1 |
Di động / Máy tính bảng
| Chrome dành cho Android | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 10.3 |
Thuộc tính liên quan
Almanac vào ngày 1 tháng 7 năm 2020: ngoài phạm vi
input:out-of-range ( border: 5px solid red; ) 
Geoff Graham