Właściwość caret-color

Właściwość caret-color ustawia kolor kursora tekstowego w polu input, który pojawia się podczas wprowadzania tekstu. Właściwość może przyjmować dwie wartości: auto (domyślnie) oraz wybrany kolor.

Składnia

cssselektor {
  caret-color: auto lub kolor;
}

Przykład

Ustawmy domyślny kolor kursora tekstowego:

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

Результат:

Przykład

A teraz zmieńmy kolor kursora tekstowego na niebieski:

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

Результат:

Zobacz też

  • pseudoklasa :fullscreen,
    która ustawia styl elementów w trybie pełnoekranowym
  • pseudoklasa :indeterminate,
    która ustawia styl przełącznikom znajdującym się w stanie nieokreślonym
  • pseudoklasa :focus-within,
    która ustawia styl elementom w fokusie