CSS : Bộ chọn trong phạm vi
Thí dụ
Chỉ chọn và tạo kiểu nếu giá trị của phần tử <input> là "trong dải ô":
input:in-range
{
border: 2px solid yellow;
}
Định nghĩa và Cách sử dụng
Bộ :in-range
chọn chọn tất cả các phần tử có giá trị nằm trong một phạm vi xác định.
Lưu ý: Bộ chọn: trong phạm vi chỉ hoạt động cho các phần tử đầu vào có thuộc tính tối thiểu và / hoặc tối đa!
Mẹo: Sử dụng bộ chọn : out-of-range để chọn tất cả các phần tử có giá trị nằm ngoài một phạm vi được chỉ định.
Phiên bản: | CSS3 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:in-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
* Trong Edge, thuộc tính: in-range cũng chọn sai các phần tử đầu vào không có thuộc tính min / max.
Cú pháp CSS
:in-range {
css declarations;
}
Các trang liên quan
Bộ chọn CSS : ngoài phạm vi