CSS
Cursor Styling

Syntaxis

• cursor: auto | standaard | geen | contextmenu | help | aanwijzer | voortgang | wacht | cel | draadkruis | tekst | verticale tekst | alias | kopie | verplaatsen | no-drop | niet toegestaan | e-formaat wijzigen | n-formaat wijzigen | formaat wijzigen | nw-resize | s-resize | formaat wijzigen | sw-resize | w-formaat wijzigen | ew-resize | ns-resize | nesw-resize | nwse-resize | verkleinen | rij-formaat wijzigen | helemaal scrollen | inzoomen | uitzoomen | pak | grijpen;

Cursortype wijzigen

cursor: value;

Voorbeelden:

pointer-events

Met de eigenschap pointer-events kunt u bepalen hoe HTML-elementen reageren op muis- / aanraakgebeurtenissen.

.disabled {
  pointer-events: none;
}

In dit voorbeeld

'none' voorkomt alle klik-, status- en cursoropties op het opgegeven HTML-element [[1]]

Andere geldige waarden voor HTMl-elementen zijn:

• auto;
• erven.

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

Andere bronnen:

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

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

caret-color

De CSS-eigenschap caret-color geeft de kleur van de caret aan, de zichtbare indicator van het invoegpunt in een element waar tekst en andere inhoud wordt ingevoegd door de gebruiker te typen of te bewerken.

HTML

<input id="example" />

CSS

#example {
  caret-color: red;
}

Middelen:

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