Указатель курсора по умолчанию CSS

Question

Я имею в виду, чтобы изменить мой указатель курсора на пользовательский курсор.

Я видел эту тему, но это не помогло: "HTML, CSS - курсор - как изменить изображение по умолчанию для указателя".

Могу ли я использовать CSS для решения этой проблемы, потому что мне не разрешено использовать JScript на чужом веб-сайте, где я настраиваю свой профиль. Я могу использовать только CSS-разметку и HTML-разметку. Не может быть способа использовать JScript в разметке CSS, верно?

Answer 1

Вы можете использовать это:

.custom { cursor: url(images/my-cursor.png), auto; }

Но я не рекомендовал бы это из-за несовместимости браузера. Кредит Крису Койеру / CSS-хитрости

http://css-tricks.com/almanac/properties/c/cursor/

Answer 2

Вы можете использовать это кросс-браузерное решение, которое подходит для Webkit(Chrome, Safari и т. Д.), Gecko (Mozilla и т. Д.) И IE8+:

a.heroshot img {
    cursor:url(http://alienbill.com/kirkdev/magnify.cur), pointer;
    cursor:url(http://alienbill.com/kirkdev/magnify.cur), -moz-zoom-in;        
}

Проверьте это демо:

http://jsfiddle.net/a_incarnati/cbz9xkjv/

Вы должны выбрать использование файлов.cur вместо изображений для замены курсора с помощью CSS, потому что файлы.cur поддерживаются даже из IE6. Напротив, если вы используете изображения, у вас будут проблемы с браузерами.