Propiedad caret-color de CSS

La propiedad caret-color especifica el color del cursor de inserción (caret). Se trata de una línea vertical delgada, fácilmente perceptible debido a su parpadeo. Por defecto, este cursor es negro. No obstante, la propiedad caret-color permite aplicar cualquier color al cursor.

Valor inicial	auto
Se aplica a	Elementos que aceptan entrada de texto.
Heredable	No.
Animable	No.
Versión	CSS3
Sintaxis DOM	object.style.caretColor = "#1c87c9";

Sintaxis

Sintaxis de la propiedad caret-color de CSS

css

caret-color: auto | color;

Ejemplo de la propiedad caret-color:

Ejemplo de la propiedad CSS caret-color con valor transparente y color

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      .caret-example1 {
        caret-color: transparent;
      }
      .caret-example2 {
        caret-color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Caret-color property example</h2>
    <input value="Default caret color" />
    <br />
    <br />
    <input class="caret-example1" value="Transparent caret color" />
    <br />
    <br />
    <input class="caret-example2" value="Custom caret color" />
  </body>
</html>

Try it Yourself »

Valores

Valor	Descripción
auto	Establece el color actual del texto. Este es el valor predeterminado.
color	Especifica un color para el cursor.
initial	Hace que la propiedad utilice su valor predeterminado.
inherit	Hereda la propiedad de su elemento padre.

Práctica

¿Cuál es la función de la propiedad CSS caret-color?

Permite cambiar programáticamente los colores de los elementos en tu página HTML.Permite cambiar el color del cursor en un campo de entrada.Permite cambiar el color de fondo de una página web.Permite diseñar el color de fuente de tu texto.Cambia el color del punto de inserción de texto, es decir, el cursor, en elementos de entrada y contenido editable.

Propiedad caret-color de CSS ​

Sintaxis ​

Ejemplo de la propiedad caret-color: ​

Valores ​

Práctica ​

Propiedad caret-color de CSS

Sintaxis

Ejemplo de la propiedad caret-color:

Valores

Práctica