Pseudo-class CSS :invalid

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

CSS :invalid Pseudo-class được sử dụng để đặt mẫu cho các yếu tố biểu mẫu không hợp lệ.

Chú ý:Pseudo-class này chỉ áp dụng cho các yếu tố biểu mẫu có giới hạn, chẳng hạn như các yếu tố đầu vào có thuộc tính min và max, trường email không hợp lệ hoặc trường số không có giá trị số.

Chú ý:Nếu bất kỳ nút radio nào trong nhóm nút radio chọn một là bắt buộc, thì pseudo-class này sẽ được áp dụng cho tất cả các nút radio trong nhóm không có nút radio nào được chọn.

Lưu ý:Sử dụng :valid Cài đặt pseudo-class để đặt mẫu cho các yếu tố biểu mẫu hợp lệ.

Mô hình

Đặt樣式 cho các yếu tố <fieldset> và <input> không hợp lệ:

fieldset:invalid {
  border: 2px solid red;
  background-color: beige;
}
input:invalid {
  border: 2px solid red;
  background-color: beige;
}

Thử ngay

Ngữ pháp CSS

:invalid {
  các biểu thức css;
}

Chi tiết kỹ thuật

Hỗ trợ trình duyệt

Số trong bảng biểu thị phiên bản trình duyệt đầu tiên hỗ trợ pseudo-class hoàn toàn.

Trang liên quan

Tham khảo:Chọn器 :valid CSS