Cursor

You can change the cursor style on hover with these classes. Hover over the boxes below to preview.

.cursor-crosshair

.cursor-default

.cursor-help

.cursor-initial

.cursor-move

.cursor-none

.cursor-not-allowed

.cursor-pointer

.cursor-progress

.cursor-text

.cursor-wait

.cursor-zoom-in

.cursor-zoom-out

<div class="bg-light border rounded p-1 cursor-pointer">.cursor-pointer</div>

Class name	Property
`.cursor-crosshair`	`cursor: crosshair !important;`
`.cursor-default`	`cursor: default !important;`
`.cursor-help`	`cursor: help !important;`
`.cursor-inital`	`cursor: inital !important;`
`.cursor-move`	`cursor: move !important;`
`.cursor-none`	`cursor: none !important;`
`.cursor-not-allowed`	`cursor: not-allowed !important;`
`.cursor-pointer`	`cursor: pointer !important;`
`.cursor-progress`	`cursor: progress !important;`
`.cursor-text`	`cursor: text !important;`
`.cursor-wait`	`cursor: wait !important;`
`.cursor-zoom-in`	`cursor: zoom-in !important;`
`.cursor-zoom-out`	`cursor: zoom-out !important;`