Pseudo-class :in-range của CSS

Định nghĩa và cách sử dụng

CSS :in-range Pseudo-class được sử dụng để khớp với bất kỳ phần tử nào có giá trị trong phạm vi.

Lưu ý::in-range Pseudo-class được sử dụng cho các phần tử <input> có thuộc tính min và/or max.

Lưu ý:Sử dụng :out-of-range Pseudo-class chọn tất cả các phần tử vượt quá phạm vi được chỉ định.

Mô hình

Chỉ khi giá trị của trường trong phạm vi, hãy chọn và đặt樣式 cho trường đầu vào:

input:in-range {
  border: 2px solid green;
  background-color: beig;
}

Thử ngay

Ngữ pháp CSS

:in-range {
  các khai báo css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ pseudo-class.

Trang liên quan

Tham khảo:pseudo-class :out-of-range CSS