Vlastnost caret-color

Vlastnost caret-color nastavuje barvu textového kurzoru ve vstupním poli, který se objeví při zadávání textu. Vlastnost může přijímat dvě hodnoty: auto (výchozí) a zvolenou barvu uživatele.

Syntaxe

cssselektor {
  caret-color: auto nebo barva;
}

Příklad

Nastavme výchozí barvu textového kurzoru:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Příklad

Nyní přebarvíme textový kurzor na modrou barvu:

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

Viz také

  • pseudotřída :fullscreen,
    která nastavuje styl prvkům v režimu celé obrazovky
  • pseudotřída :indeterminate,
    která nastavuje styl přepínačům, které jsou v neurčitém stavu
  • pseudotřída :focus-within,
    která nastavuje styl prvkům ve focusu