Pseudo-class :out-of-range trong CSS

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

CSS :out-of-range Pseudo-class được sử dụng để khớp với bất kỳ phần tử nào có giá trị vượt quá giới hạn cho phép.

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

Lưu ý:Sử dụng :in-range Pseudo-class chọn tất cả các phần tử có giá trị trong phạm vi đã chỉ định.

Mẫu

Chỉ khi giá trị của trường vượt quá giới hạn cho phép, hãy chọn và đặt樣式 cho trường nhập liệu:

input:out-of-range {
  border: 2px solid red;
  background-color: pink;
}

Thử ngay

Ngữ pháp CSS

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

Chi tiết kỹ thuật

Phiên bản: CSS3

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.

Chrome Edge Firefox Safari Opera
53 13 50 10.1 40

Trang liên quan

Tham khảo:Định dạng ảo :in-range CSS