Vlastnosť caret-color

Vlastnosť caret-color nastavuje farbu textového kurzora v inpute, ktorý sa objaví pri zadávaní textu. Vlastnosť môže nadobúdať dve hodnoty: auto (predvolené) a zvolenú farbu používateľom.

Syntax

cssselektor {
  caret-color: auto alebo farba;
}

Príklad

Nastavme predvolenú farbu textového kurzora:

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

Результат:

Príklad

A teraz prefarebme textový kurzor na modrú farbu:

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

Результат:

Pozri tiež

  • pseudotrieda :fullscreen,
    ktorá nastavuje štýl prvkom v režime celej obrazovky
  • pseudotrieda :indeterminate,
    ktorá nastavuje štýl prepínačom, ktoré sú v neurčitom stave
  • pseudotrieda :focus-within,
    ktorá nastavuje štýl prvkom v ohnisku