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;