의사 클래스 indeterminate

의사 클래스 indeterminate는 불확정 상태, 즉 체크되지 않은 상태에 있는 토글의 스타일을 설정합니다.

구문

css선택자:indeterminate {
  
}

예제

토글이 불확정 상태일 때 텍스트 글꼴 색상을 녹색으로 변경해 봅시다:

html<form>
  <p>
    <input type="checkbox">
      <span>Text</span>
  </p>
</form>

cssinput:indeterminate, input:indeterminate + span {
  color: green;
}
input, span {
  color: black;
}

javascriptdocument.getElementsByTagName('input')[0].indeterminate = true;

Результат:

참고 항목