CSS
Estilo del cursor

Sintaxis

• cursor: auto | por defecto | ninguno | menú contextual | ayuda | puntero progreso | espera | celular punto de mira texto | texto vertical | alias | copia | mover no-drop | no permitido | e-redimensionar | n-redimensionar | ne-redimensionar | nw-redimensionar | s-redimensionar | se-redimensionar | cambiar tamaño w-redimensionar | ew-redimensionar | ns-redimensionar | nesw-redimensionar | nwse-redimensionar | col-redimensionar | redimensionar | todo desplazamiento | acercar | alejar | agarrar agarrar

Cambiando el tipo de cursor

cursor: value;

Ejemplos:

eventos punteros

La propiedad puntero-eventos permite controlar cómo los elementos HTML responden a los eventos del mouse / táctil.

.disabled {
  pointer-events: none;
}

En este ejemplo,

'ninguno' impide todas las opciones de clic, estado y cursor en el elemento HTML especificado [[1]]

Otros valores válidos para los elementos HTMl son:

• auto;
• heredar.

1. https://css-tricks.com/almanac/properties/p/pointer-events/

Otros recursos:

• https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

• https://davidwalsh.name/pointer-events

color caret

La propiedad CSS de color caret especifica el color de caret, el indicador visible del punto de inserción en un elemento donde el texto y otro contenido se insertan al escribir o editar el usuario.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

Recursos:

• https://developer.mozilla.org/en-US/docs/Web/CSS/caret-color