Caret-color - Trucos CSS

Tabla de contenido

La caret-colorpropiedad en CSS cambia el color del cursor (signo de intercalación) en las entradas, áreas de texas o realmente cualquier elemento que sea editable, como:

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

El color del signo de intercalación generalmente coincide con el colordel texto, pero esta propiedad le permite cambiarlos de forma independiente.

Fingiéndolo

Antes de que esto existiera, existía un método para fingir que implicaba forzar el texto a ser transparente (donde se admite a través -webkit-text-fill-color) y hacer que el texto se muestre de nuevo, coloreado, a través text-shadow.

Soporte del navegador

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.

Escritorio

Cromo Firefox ES DECIR Borde Safari
57 53 No 79 11,1

Móvil / Tablet

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

Propiedades relacionadas

Almanaque el 27 de enero de 2021

signo de intercalación

.element ( caret: #ff7a18 underscore; )formas de color de intercalación Geoff Graham

Articulos interesantes...