Suche…


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;

Visualisierung

Beispiele:

Wert Beschreibung
keiner Für das Element wird kein Cursor gerendert
Auto Standard. Der Browser setzt einen Cursor
Hilfe Der Cursor zeigt an, dass Hilfe verfügbar ist
warten Der Cursor zeigt an, dass das Programm beschäftigt ist
Bewegung Der Cursor zeigt an, dass etwas verschoben werden soll
Zeiger Der Cursor ist ein Zeiger und zeigt eine Verknüpfung an

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:

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:



Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow