Кнопка «Сохранить на диск»

Question

Недавно я добавил кнопку «Сохранить на диск» на свой веб-сайт. Я был полностью разочарован, когда понял, что курсор над кнопкой не может быть изменен с по умолчанию на пользовательский курсор через любые средства CSS или JavaScript, о которых я знаю. Я пробовал все соответствующие теги, классы и идентификаторы, но ничего не работает. Я понимаю, что это междоменная проблема, но должен быть способ заставить это работать. Можно ли заменить таблицу стилей, соответствующую кнопке с доработанной? Есть ли способ изменить курсор на эту кнопку и сохранить ее функциональность?

Answer 1

Если вы хотите изменить курсор нажать button вы можете сделать это с cursor собственности:

button{ 
 
    cursor: pointer; 
 
}

<button type="button">Click Here!</button>

Если вы хотите использовать пользовательский курсор можно использовать изображения, чтобы сделать он с url параметра:

button{ 
 
    cursor: url(http://www.rw-designer.com/cursor-teaser/tiny.png), auto; 
 
}

<button type="button">Click Here!</button>