Lớp ảo CSS :valid

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

CSS :valid Lớp ảo được sử dụng để thiết lập樣式 cho các yếu tố biểu mẫu hợp lệ.

Lưu ý:Sử dụng :invalid Chọn器 thiết lập樣式 cho các yếu tố biểu mẫu vô hiệu.

Mô hình

Chọn và thiết lập樣式 cho các yếu tố <input> hợp lệ:

input:valid {
  background-color: beige;
  border: 2px solid green;
}

Thử ngay

Ngữ pháp CSS

:valid {
  các định nghĩa css;
}

Chi tiết kỹ thuật

Phiên bản: CSS4

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ợ lớp ảo này hoàn toàn.

Chrome Edge Firefox Safari Opera
10 12 4 5 10

Trang liên quan

Tham khảo:伪类 :invalid trong CSS