A caret-color tulajdonság

A caret-color tulajdonság beállítja a szövegkurzor színét az input mezőben, amely a szöveg beírásakor jelenik meg. A tulajdonság két értéket vehet fel: auto (alapértelmezett) és a felhasználó által választott szín.

Szintaxis

cssszelektor {
  caret-color: auto vagy szín;
}

Példa

Állítsuk be a szövegkurzor alapértelmezett színét:

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

Результат:

Példa

Most pedig változtassuk meg a szövegkurzor színét kékre:

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

Результат:

Lásd még

  • a :fullscreen pszeudoosztály,
    amely a teljes képernyős módban lévő elemek stílusát határozza meg
  • a :indeterminate pszeudoosztály,
    amely a határozatlan állapotban lévő kapcsolók stílusát határozza meg
  • a :focus-within pszeudoosztály,
    amely a fókuszban lévő elemek stílusát határozza meg