CSS
Style de curseur

Syntaxe

• curseur: auto | par défaut | aucun menu contextuel | aide | pointeur | progrès | attendre | cellule | croix | texte | texte vertical | alias | copie | déplacer | no-drop | non autorisé | e-redimensionner | n-redimensionner | ne-redimensionner | nw-redimensionner | s-redimensionner | se redimensionner | sw-redimensionner | w-redimensionner | redimensionner | ns-redimensionner | nesw-redimensionner | nwse-redimensionner | redimensionner | redimensionnement des lignes | tout faire défiler | zoom avant | zoom arrière | saisir | saisir;

Changer le type de curseur

cursor: value;

Exemples:

pointeur-événements

La propriété pointer-events permet de contrôler la manière dont les éléments HTML répondent aux événements souris / touch.

.disabled {
  pointer-events: none;
}

Dans cet exemple,

'none' empêche toutes les options de clic, d'état et de curseur sur l'élément HTML spécifié [[1]]

Les autres valeurs valides pour les éléments HTMl sont:

• auto;
• hériter.

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

Autres ressources:

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

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

couleur caret

La propriété CSS caret-color spécifie la couleur du signe d'insertion, l'indicateur visible du point d'insertion dans un élément où du texte et un autre contenu sont insérés lors de la saisie ou de la modification par l'utilisateur.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

Ressources:

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