Чтобы изменить тип курсора на веб-странице с помощью CSS, нужно использовать свойство «cursor». С помощью этого свойства можно выбрать любой тип курсора из доступных браузеру.
Например, чтобы изменить курсор на стрелку, можно использовать следующий CSS код:
body {
cursor: arrow;
}
А вот список наиболее распространенных значений для свойства «cursor»:
- auto — браузер сам выберет подходящий тип курсора для данного элемента;
- default — стандартный тип курсора (обычно стрелка);
- pointer — рука, обычно используется для ссылок;
- grab — графический элемент, показывающий, что элемент можно перемещать;
- not-allowed — символ, которым обычно обозначается запрет действия;
- text — показывает, что элемент можно редактировать, например, для текстового поля.
Вот пример CSS кода для изменения курсора на руку при наведении на ссылку:
a:hover {
cursor: pointer;
}
Этот код устанавливает для всех ссылок на странице, что при наведении курсора мыши на них должен появляться курсор в виде руки.
