Skip to content

Cursor

Tetapkan gaya kursor

Sintaks

visual="cursor:[value]"

Nilai

NilaiCSS OutputHuraian
autocursor: autoKursor automatik
defaultcursor: defaultKursor lalai
pointercursor: pointerKursor penunjuk
waitcursor: waitKursor tunggu
textcursor: textKursor teks
movecursor: moveKursor alih
not-allowedcursor: not-allowedTidak dibenarkan
grabcursor: grabKursor genggam
grabbingcursor: grabbingKursor menggenggam

Contoh

html
<button visual="cursor:pointer">Clickable</button>

Pratonton

Kursor

visual="cursor:pointer" - Tukar kursor tetikus semasa hover

pointer
wait
not-allowed
Lihat Kod
html
<div layout="flex" space="g:medium p:medium" visual="bg:neutral-100 dark:bg:neutral-900 rounded:medium">
  <div space="p:small" visual="bg:primary text:white rounded:small cursor:pointer">pointer</div>
  <div space="p:small" visual="bg:primary text:white rounded:small cursor:wait">wait</div>
  <div space="p:small" visual="bg:primary text:white rounded:small cursor:not-allowed">not-allowed</div>
</div>