Propiedad caret-color
La propiedad caret-color establece
el color del cursor de texto en un input,
que aparece al ingresar texto.
La propiedad puede tomar dos valores:
auto (por defecto) y un color
elegido por el usuario.
Sintaxis
selector {
caret-color: auto o color;
}
Ejemplo
Establezcamos el color predeterminado del cursor de texto:
<input>
input {
padding: 5px;
caret-color: auto;
}
:
Ejemplo
Ahora cambiemos el color del cursor de texto a azul:
<input>
input {
padding: 5px;
caret-color: blue;
}
:
Ver también
-
pseudoclase
:fullscreen,
que establece el estilo para elementos en modo de pantalla completa -
pseudoclase
:indeterminate,
que establece el estilo para interruptores que están en estado indeterminado -
pseudoclase
:focus-within,
que establece el estilo para elementos en foco