CSS : Bộ chọn trong phạm vi
Ví dụ
Chỉ chọn và tạo kiểu nếu giá trị của phần tử <input> nằm "trong phạm vi":
input:in-range
{
border: 2px solid yellow;
}
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ chọn :in-range
chọn tất cả các phần tử có giá trị nằm trong phạm vi được chỉ định.
Lưu ý: Bộ chọn :in-range chỉ hoạt động với 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 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 thành phần đầu vào không có thuộc tính tối thiểu/tối đa.
Cú pháp CSS
Trang liên quan
Bộ chọn CSS : nằm ngoài phạm vi