cursor: форма указателя
cursor задаёт вид указателя мыши над элементом и помогает подсказать характер взаимодействия.
Назначение
cursor задаёт вид указателя мыши над элементом и помогает подсказать характер взаимодействия.
Как это работает
pointer обычно обозначает ссылку, text — выделяемый текст, not-allowed — недоступное действие. Смена курсора не добавляет обработчики, клавиатурную поддержку или нативную семантику.
Пример
<style>
button:disabled{cursor:not-allowed}a{cursor:pointer}
</style>
<a href="#note">Перейти к пояснению</a> <button disabled>Недоступно</button><p id="note">Состояние задаёт HTML, а курсор его поясняет.</p>Что должно получиться
У ссылки и отключённой кнопки разные указатели. На сенсорном экране указателя может не быть, поэтому назначение и состояние должны быть понятны без него.
Граница применения и частая ошибка
Курсор pointer на div не превращает его в кнопку. Недоступность действия также нельзя реализовать только not-allowed: сам элемент может по-прежнему реагировать на события.
Самостоятельная проверка
Наведите указатель на элементы, затем попробуйте клавиатуру. Убедитесь, что отключённая кнопка действительно disabled, а не просто выглядит недоступной.
HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.