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>