CSS : Bộ chọn ngoài 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 ngoài phạm vi":
input:out-of-range
{
border: 2px solid red;
}
Hãy tự mình thử »Định nghĩa và cách 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.
Lưu ý: Bộ chọn :out-of-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 :in-range để chọn tất cả các phần tử có giá trị nằm trong 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 | |||||
---|---|---|---|---|---|
:out-of-range | 53.0 | 13.0* | 50.0 | 10.1 | 40.0 |
*Trong Edge, thuộc tính :out-of-range cũng chọn sai các phần tử đầ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 : trong phạm vi