CSS · справочник

Свойство cursor

cursor меняет форму указателя мыши над элементом. Он подсказывает возможное действие, но не превращает обычный div в доступную кнопку.

Распространённые значения

pointer обозначает ссылку или действие, text — выделение текста, grab — перетаскивание, not-allowed — недоступность операции.

a, button { cursor: pointer; }
.drag-handle { cursor: grab; }
.drag-handle:active { cursor: grabbing; }
button:disabled { cursor: not-allowed; }

Семантика важнее

Настоящие button и a уже работают с клавиатурой и сообщают роль вспомогательным технологиям. Cursor остаётся только визуальной подсказкой для мыши.

<button type="button" class="save-button">Сохранить</button>

Частые ошибки

• Pointer на обычном тексте без действия.
• Кликабельный div вместо button.
• Not-allowed без disabled.
• Кастомный курсор ухудшает понятность.

Связанные темы

button · Состояния · Доступность