2017-02-22 2 views
0

Я хочу использовать пользовательский значок курсора для моего веб-сайта (постоянно). Как я могу это сделать? Курсор загружается как простой файл .ico. Я пробовал пользовательскую команду курсора, но она, похоже, не работала.Как настроить пользовательский курсор в html?

+0

Это простой Google-возможность вопроса ... (редактировать: просто FYI, есть предел максимального размера при использовании изображений на курсоре, но иконки не являются обычно это большой) – KarelG

+0

@MrLister Должно быть. Работы [здесь] (https://davidwalsh.name/css-custom-cursor) тоже – Benni

ответ

2
html, body { 
    cursor: url("cursor.ico"), default; 
    /* just change the cursor.ico path to your location */ 
} 

https://davidwalsh.name/css-custom-cursor

+0

Это не сработает ... появляется только указатель по умолчанию ... –

+0

Правильно ли вы связали файл CSS? Пожалуйста, добавьте 'body {background: red; } 'в самом конце и рассказать нам, что происходит. – Benni

+0

Я попробовал это в скрипке, это не сработало для меня ни tho: https://fiddle.jshell.net/w7eLknuw/ @Benni –

0

Вы можете сделать это с помощью CSS.

html { 
    cursor: url('path/to/your.ico'), default; 
} 

Для получения дополнительной информации, проверьте MDN

+0

На странице MDN говорится: «Откат без URL (один или несколько других значений) ** должен быть ** в конце резервного списка». что делает ваш пример недействительным. –

Смежные вопросы