CSS
Stylizacja kursora

Składnia

• kursor: auto | domyślne | brak | menu kontekstowe | pomoc | wskaźnik | postęp | czekaj | komórka | celownik | tekst | tekst pionowy | alias | kopia | przenieść | bez kropli | niedozwolone | e-zmiana rozmiaru | n-zmiana rozmiaru | ne-resize | nw-resize | s-resize | se-resize | sw-resize | zmiana rozmiaru w ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | zmiana rozmiaru wiersza | przewijanie wszystkich | powiększanie | pomniejszenie | złap | chwytając;

Zmiana typu kursora

cursor: value;

Przykłady:

zdarzenia wskaźnikowe

Właściwość pointer-events pozwala kontrolować, w jaki sposób elementy HTML reagują na zdarzenia myszy / dotyku.

.disabled {
  pointer-events: none;
}

W tym przykładzie

„none” uniemożliwia wszystkie opcje kliknięcia, stanu i kursora określonego elementu HTML [[1]]

Inne prawidłowe wartości elementów HTMl to:

• automatyczny;
• dziedziczyć.

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

Inne zasoby:

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

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

kolor karetki

Właściwość CSS koloru karetki określa kolor karetki, widoczny wskaźnik punktu wstawiania w elemencie, w którym tekst i inna treść są wstawiane przez pisanie lub edycję przez użytkownika.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

Zasoby:

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