Caret-color - Trucchi CSS

Sommario

La caret-colorproprietà in CSS cambia il colore del cursore (caret) negli input, nelle texaree o in qualsiasi elemento modificabile, come:

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

Il colore del cursore generalmente corrisponde a quello colordel testo, ma questa proprietà consente di modificarli indipendentemente.

Fingendolo

Prima che esistesse, esisteva un metodo per fingere che comportava la forzatura del testo a essere trasparente (dove supportato tramite -webkit-text-fill-color) e il fatto che il testo fosse mostrato, colorato, tramite text-shadow.

Supporto browser

Questi dati di supporto del browser provengono da Caniuse, che ha più dettagli. Un numero indica che il browser supporta la funzione a quella versione e successive.

Desktop

Cromo Firefox IE Bordo Safari
57 53 No 79 11.1

Mobile / Tablet

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

Proprietà correlate

Almanacco il 27 gennaio 2021

caret

.element ( caret: #ff7a18 underscore; )forme caret-color Geoff Graham

Articoli interessanti...