의사 클래스 indeterminate
의사 클래스 indeterminate는
불확정 상태, 즉 체크되지 않은 상태에 있는
토글의 스타일을 설정합니다.
구문
선택자:indeterminate {
}
예제
토글이 불확정 상태일 때 텍스트 글꼴 색상을 녹색으로 변경해 봅시다:
<form>
<p>
<input type="checkbox">
<span>Text</span>
</p>
</form>
input:indeterminate, input:indeterminate + span {
color: green;
}
input, span {
color: black;
}
document.getElementsByTagName('input')[0].indeterminate = true;
:
참고 항목
-
기본 요소에 스타일을 설정하는 의사 클래스
:default -
required 속성이 없는 입력 필드에 스타일을 설정하는 의사 클래스
:optional -
힌트 텍스트가 표시될 때 요소에 스타일을 설정하는 의사 클래스
:placeholder-shown -
변경할 수 없는 입력 필드에 스타일을 설정하는 의사 클래스
:read-only -
required 속성이 지정된 입력 필드에 스타일을 설정하는 의사 클래스
:required -
포커스된 요소에 스타일을 설정하는 의사 클래스
:focus-within -
입력 필드의 텍스트 커서 색상을 설정하는 속성
caret-color
