Caret-kleur - CSS-trucs

Inhoudsopgave

De caret-coloreigenschap 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 colorvan 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 2021

dakje

.element ( caret: #ff7a18 underscore; )caret-kleur vormt Geoff Graham

Interessante artikelen...