Pseudo-class CSS :user-valid

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

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

Lưu ý:Sử dụng :user-invalid Đặt kiểu cho phần tử biểu mẫu ảo (sau khi người dùng tương tác).

Mẫu

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

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

Thử ngay

Ngữ pháp CSS

:user-valid {
  ký tự xác định 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:pseudo-class :user-invalid trong CSS