De caret-color
eigenschap in CSS verandert de kleur van de cursor (caret) in invoer, texareas of echt elk element dat bewerkbaar is, zoals:
input, textarea, (contenteditable) ( caret-color: red; )
De kleur van de caret komt over het algemeen overeen met die color
van de tekst, maar met deze eigenschap kunt u deze onafhankelijk wijzigen.
Faken
Voordat dit bestond, was er een methode om het te vervalsen door de tekst te dwingen transparant te zijn (indien ondersteund via -webkit-text-fill-color
) en de tekst weer te laten verschijnen, ingekleurd, via text-shadow
.
Browser-ondersteuning
Deze browserondersteuningsgegevens zijn van Caniuse, die meer details bevat. Een getal geeft aan dat de browser de functie ondersteunt vanaf die versie.
Bureaublad
Chrome | Firefox | D.W.Z | Rand | Safari |
---|---|---|---|---|
57 | 53 | Nee | 79 | 11.1 |
Mobiel / tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 81 | 11.3-11.4 |
Gerelateerde eigenschappen
Almanac op 27 januari 2021dakje
.element ( caret: #ff7a18 underscore; )
caret-kleur vormt Geoff Graham