Псеўдаклас indeterminate

Псеўдаклас indeterminate задае стыль пераключальнікам, якія знаходзяцца ў нявызначаным стане, г.зн. не адзначаныя сцяжком.

Сінтаксіс

cssселектар:indeterminate {
  
}

Прыклад

Давайце перафарбуем шрыфт тэксту ў зялёны колер, калі пераключальнік знаходзіцца ў нявызначаным стане:

html<form>
  <p>
    <input type="checkbox">
      <span>Тэкст</span>
  </p>
</form>
cssinput:indeterminate, input:indeterminate + span {
  color: green;
}
input, span {
  color: black;
}
javascriptdocument.getElementsByTagName('input')[0].indeterminate = true;

Результат:

Глядзіце таксама

  • псеўдаклас :default,
    які задае стыль элементам па змаўчанні
  • псеўдаклас :optional,
    які задае стыль інпуту, у якога няма атрыбута required
  • псеўдаклас :placeholder-shown,
    які задае стыль элементам пры адлюстраванні тэксту-падказкі
  • псеўдаклас :read-only,
    які задае стыль інпутам, недаступным для змянення
  • псеўдаклас :required,
    які задае стыль інпуту, у якога зададзены атрыбут required
  • псеўдаклас :focus-within,
    які задае стыль элементам у фокусе
  • уласцівасць caret-color,
    якая задае колер тэкставаму курсару ў інпуце