Свойство cursor
Задает вид курсора при взаимодействии с элементом
cursor: pointer;
Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
cursor: none;
Убирает курсов при взаимодействии с элементом
<style>
.example-1 {
cursor: none;
}
</style>
<div class="example-1">Наведи на меня</div>
Наведи на меня
cursor: default;
Обычный курсор
<style>
.example-2 {
cursor: default;
}
</style>
<div class="example-2">Наведи на меня</div>
Наведи на меня
cursor: auto;
Курсор будет вести себя как обозначено браузером
<style>
.example-3 {
cursor: auto;
}
</style>
<div class="example-3">Наведи на меня</div>
Наведи на меня
cursor: pointer;
Меняет вид курсора на pointer. Возможные значения: none, auto, default, pointer, context-menu, help, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, grab, grabbing, all-scroll, col-resize, row-resize, n-resize, e-resize, s-resize, w-resize, ne-resize, nw-resize, se-resize, sw-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, zoom-in, zoom-out.
<style>
.example-4 {
cursor: pointer;
}
</style>
<div class="example-4">Наведи на меня</div>
Наведи на меня