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

cssselector {
  caret-color: auto o color;
}

Ejemplo

Establezcamos el color predeterminado del cursor de texto:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

Ejemplo

Ahora cambiemos el color del cursor de texto a azul:

html<input>
cssinput {
  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