Cursor

Utilities for setting the type of mouse cursor, if any, to show when the mouse pointer is over an element.

Usage

<div class="d-c-all-scroll">...</div>
<div class="d-c-auto">...</div>
<div class="d-c-col-resize">...</div>
<div class="d-c-copy">...</div>
<div class="d-c-crosshair">...</div>
<div class="d-c-default">...</div>
<div class="d-c-grab">...</div>
<div class="d-c-grabbing">...</div>
<div class="d-c-help">...</div>
<div class="d-c-menu">...</div>
<div class="d-c-move">...</div>
<div class="d-c-none">...</div>
<div class="d-c-not-allowed">...</div>
<div class="d-c-pointer">...</div>
<div class="d-c-progress">...</div>
<div class="d-c-row-resize">...</div>
<div class="d-c-text">...</div>
<div class="d-c-wait">...</div>
<div class="d-c-zoom-in">...</div>
<div class="d-c-zoom-out">...</div>

Classes

Class
Output
.d-c-all-scroll cursor: all-scroll !important;
.d-c-auto cursor: auto !important;
.d-c-col-resize cursor: col-resize !important;
.d-c-copy cursor: copy !important;
.d-c-crosshair cursor: crosshair !important;
.d-c-default cursor: default !important;
.d-c-grab cursor: grab !important;
.d-c-grabbing cursor: grabbing !important;
.d-c-help cursor: help !important;
.d-c-menu cursor: context-menu !important;
.d-c-move cursor: move !important;
.d-c-none cursor: none !important;
.d-c-not-allowed cursor: not-allowed !important;
.d-c-pointer cursor: pointer !important;
.d-c-progress cursor: progress !important;
.d-c-row-resize cursor: row-resize !important;
.d-c-text cursor: text !important;
.d-c-wait cursor: wait !important;
.d-c-zoom-in cursor: zoom-in !important;
.d-c-zoom-out cursor: zoom-out !important;
Cursor documentation last updated Thursday, June 11, 2026