CSS
Cursor-Styling

Syntax

• Cursor: auto | default | Keine | Kontextmenü | Hilfe | Zeiger | Fortschritt | warte | Zelle | Fadenkreuz | Text | vertikaler Text | Alias ​​| kopieren | bewegen | no-drop | nicht erlaubt | e-resize | n-resize | ne-resize | nw-resize | s-resize | Größe ändern | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | Zeilengröße ändern all-scroll | Vergrößern | Verkleinern | schnappen | greifen

Cursortyp ändern

cursor: value;

Beispiele:

Zeigerereignisse

Mit der Eigenschaft pointer-events können Sie steuern, wie HTML-Elemente auf Maus- / Berührungsereignisse reagieren.

.disabled {
  pointer-events: none;
}

In diesem Beispiel

'none' verhindert alle Klick-, Status- und Cursoroptionen des angegebenen HTML-Elements [[1]]

Andere gültige Werte für HTMl-Elemente sind:

• Auto;
• erben.

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

Andere Ressourcen:

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

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

Caret-Farbe

Die Caret-Color-CSS-Eigenschaft gibt die Farbe des Caret-Elements an, den sichtbaren Indikator für die Einfügemarke in einem Element, an dem Text und anderer Inhalt durch Eingabe oder Bearbeitung des Benutzers eingefügt werden.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

Ressourcen:

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