Pseudo-class optional
Pseudo-class optional thiết lập kiểu dáng
cho input không có thuộc tính required,
tức là pseudo-class này áp dụng cho
các input không bắt buộc.
Cú pháp
bộ chọn:optional {
}
Ví dụ
Hãy đặt nền màu xám cho input không bắt buộc:
<form>
<p>
<label>Nhập số</label>
<input type="number" required>
</p>
<p>
<label>Nhập văn bản</label>
<input type="text">
</p>
</form>
input:optional {
background-color: #D8DFE8;
}
:
Xem thêm
-
pseudo-class
:default,
thiết lập kiểu dáng cho các phần tử mặc định -
pseudo-class
:indeterminate,
thiết lập kiểu dáng cho các công tắc ở trạng thái không xác định -
pseudo-class
:placeholder-shown,
thiết lập kiểu dáng cho các phần tử khi hiển thị văn bản gợi ý -
pseudo-class
:read-only,
thiết lập kiểu dáng cho các input không thể thay đổi -
pseudo-class
:required,
thiết lập kiểu dáng cho input có thuộc tính required -
pseudo-class
:focus-within,
thiết lập kiểu dáng cho các phần tử trong tiêu điểm -
thuộc tính
caret-color,
thiết lập màu cho con trỏ văn bản trong input
