CSS :optional ảo

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

CSS :optional ảo được sử dụng để chọn và thiết lập phong cách cho các yếu tố biểu mẫu tùy chọn (chỉ áp dụng cho <input>、<select> và <textarea>)

Các yếu tố biểu mẫu không có thuộc tính required được xác định là tùy chọn.

Lưu ý:Sử dụng :required ảo chọn các yếu tố biểu mẫu bắt buộc.

Mô hình

Chọn và thiết lập phong cách cho bất kỳ <input> không có thuộc tính required nào. Đồng thời thiết lập phong cách cho bất kỳ <input> có thuộc tính required nào:

input:optional {
  background-color: lightgreen;
}
input:required {
  background-color: pink;
  border-color: red;
}

Thử ngay

Ngữ pháp CSS

:optional {
  các biểu thức 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ợ hoàn toàn ảo này.

Chrome Edge Firefox Safari Opera
10 10 4 5 10

Trang liên quan

Tham khảo:CSS :required ảo