La caret-color
proprietà 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 color
del 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 2021caret
.element ( caret: #ff7a18 underscore; )
forme caret-color Geoff Graham