Giả lớp indeterminate
Giả lớp indeterminate thiết lập kiểu dáng
cho các công tắc đang ở trạng thái không xác định,
tức là chưa được đánh dấu.
Cú pháp
bộ chọn:indeterminate {
}
Ví dụ
Hãy đổi màu chữ văn bản sang màu xanh lá cây khi công tắc ở trạng thái không xác định:
<form>
<p>
<input type="checkbox">
<span>Văn bản</span>
</p>
</form>
input:indeterminate, input:indeterminate + span {
color: green;
}
input, span {
color: black;
}
document.getElementsByTagName('input')[0].indeterminate = true;
:
Xem thêm
-
giả lớp
:default,
thiết lập kiểu dáng cho các phần tử mặc định -
giả lớp
:optional,
thiết lập kiểu dáng cho đầu vào không có thuộc tính required -
giả lớp
:placeholder-shown,
thiết lập kiểu dáng cho phần tử khi văn bản gợi ý được hiển thị -
giả lớp
:read-only,
thiết lập kiểu dáng cho đầu vào không thể thay đổi -
giả lớp
:required,
thiết lập kiểu dáng cho đầu vào có thuộc tính required -
giả lớp
:focus-within,
thiết lập kiểu dáng cho phần tử khi được tập trung -
thuộc tính
caret-color,
thiết lập màu sắc cho con trỏ văn bản trong đầu vào