CSS
Cursore Styling

Sintassi

• cursore: auto | default | nessuno | menu contestuale | aiuto | puntatore | progresso | aspetta | cella | mirino | testo | testo verticale | alias | copia | mossa | no-drop | non consentito | e-ridimensiona | n-ridimensiona | ridimensionare | nw-resize | s-ridimensiona | se-ridimensiona | sw resize | w-ridimensiona | ew-resize | ns-resize | nesw-ridimensiona | nwse-resize | col-ridimensiona | ridimensionamento riga | tutto-scorrere | zoom in | | zoom indietro | afferrare | afferrare;

Cambiare il tipo di cursore

cursor: value;

Esempi:

pointer-events

La proprietà pointer-events consente di controllare il modo in cui gli elementi HTML rispondono agli eventi mouse / touch.

.disabled {
  pointer-events: none;
}

In questo esempio,

'nessuno' impedisce tutte le opzioni di clic, stato e cursore sull'elemento HTML specificato [[1]]

Altri valori validi per gli elementi HTMl sono:

• auto;
• ereditare.

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

Altre risorse:

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

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

caret-color

La proprietà CSS color caret specifica il colore del punto di inserimento, l'indicatore visibile del punto di inserimento in un elemento in cui il testo e altri contenuti vengono inseriti dalla digitazione o modifica dell'utente.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

risorse:

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