Псевдоклас 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;

Результат:

Вижте също

  • псевдоклас :default,
    който задава стил на елементите по подразбиране
  • псевдоклас :optional,
    който задава стил на инпут, който няма атрибут required
  • псевдоклас :placeholder-shown,
    който задава стил на елементи при показване на текст-подсказка
  • псевдоклас :read-only,
    който задава стил на инпути, недостъпни за промяна
  • псевдоклас :required,
    който задава стил на инпут, на който е зададен атрибут required
  • псевдоклас :focus-within,
    който задава стил на елементи във фокус
  • свойство caret-color,
    което задава цвят на текстов курсор в инпут