Pseudo-class CSS :user-invalid

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

CSS :user-invalid Pseudo-class được sử dụng để đặt style cho phần tử biểu mẫu không hợp lệ sau khi người dùng tương tác.

Lưu ý:Sử dụng :user-valid Pseudo-class đặt樣 style cho phần tử biểu mẫu hợp lệ (sau khi người dùng tương tác).

Mẫu

Đặt樣式 cho phần tử <input> không hợp lệ sau khi người dùng tương tác với nó:

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

Thử ngay

Ngữ pháp CSS

:user-invalid {
  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ợ đầy đủ pseudo-class.

Chrome Edge Firefox Safari Opera
119 119 88 16.5 105

Trang liên quan

Tham khảo:Định dạng ảo :user-valid CSS