Vaktfärg - CSS-tricks

Den caret-coloregendom i CSS ändrar färg på markören (cirkumflex) i ingångar, texareas, eller egentligen alla element som är redigerbar, som:

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

Färgen på markören matchar i allmänhet colortexten, men den här egenskapen låter dig ändra dem självständigt.

Låtsas

Innan detta fanns fanns det en metod för att fejka den genom att tvinga texten att vara transparent (där den stöds via -webkit-text-fill-color) och låta texten visa upp, färgas, via text-shadow.

Webbläsarstöd

Denna webbläsares supportdata kommer från Caniuse, som har mer detaljer. Ett nummer indikerar att webbläsaren stöder funktionen i den versionen och uppåt.

Skrivbord

Krom	Firefox	IE	Kant	Safari
57	53	Nej	79	11.1

Mobil / surfplatta

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

Relaterade egenskaper

Almanack den 27 januari 2021

markör

.element ( caret: #ff7a18 underscore; )vaktfärg bildar Geoff Graham