Caret-farve - CSS-tricks

Den caret-colorejendom i CSS ændrer farven på markøren (karet) i indgange, texareas eller virkelig noget element, der kan redigeres, ligesom:

input, textarea, (contenteditable) ( caret-color: red; )

Tegnets farve matcher generelt colorteksten, men denne egenskab giver dig mulighed for at ændre dem uafhængigt.

Forfalske det

Før dette eksisterede, var der en metode til forfalskning, der involverede at tvinge teksten til at være gennemsigtig (hvor den blev understøttet via -webkit-text-fill-color) og få teksten til at vises igen, farvet, via text-shadow.

Browsersupport

Denne browsersupportdata er fra Caniuse, som har flere detaljer. Et tal angiver, at browseren understøtter funktionen i den version og opefter.

Desktop

Chrome	Firefox	IE	Edge	Safari
57	53	Ingen	79	11.1

Mobil / tablet

Android Chrome	Android Firefox	Android	iOS Safari
88	85	81	11.3-11.4

Relaterede egenskaber

Almanak den 27. januar 2021

caret

.element ( caret: #ff7a18 underscore; )caret-farve former Geoff Graham