Свойство 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>
Наведи на меня

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии