Ominaisuus caret-color

Ominaisuus caret-color asettaa tekstikursorin värin syöttökentässä, joka ilmestyy tekstin syöttämisen yhteydessä. Ominaisuus voi saada kaksi arvoa: auto (oletusarvo) ja käyttäjän valitsema väri.

Syntaksi

cssvalitsija {
  caret-color: auto tai väri;
}

Esimerkki

Asetetaan tekstikursorin väri oletusarvoon:

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

Результат:

Esimerkki

Ja nyt värjätään tekstikursori siniseksi:

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

Результат:

Katso myös

  • pseudoluokka :fullscreen,
    joka asettaa tyylin elementeille koko näytön tilassa
  • pseudoluokka :indeterminate,
    joka asettaa tyylin kytkimille, jotka ovat määrittämättömässä tilassa
  • pseudoluokka :focus-within,
    joka asettaa tyylin tarkennettuna oleville elementeille