Css – изменить цвет курсора

Вопрос:Я пытаюсь применить стиль к курсору. Ниже приведен код Help Когда я попробовал цвет: красный, он изменил текст "Справка" на красный цвет. Как сделать курсор красным? Вот скрипка - https://jsfiddle.net/user_123/aoubt7yv/ Пожалуйста, помогите. Спасибо заранее. Лучший ответ: Курсоры не очень стильные, как вы могли бы ожидать, по крайней мере, не использовать свойства,

Вопрос:

Я пытаюсь применить стиль к курсору.
Ниже приведен код

<span style=»cursor:help ; color:red; font-size:40px;»>Help</span><br>

Когда я попробовал цвет: красный, он изменил текст “Справка” на красный цвет.
Как сделать курсор красным?

Вот скрипка – https://jsfiddle.net/user_123/aoubt7yv/

Пожалуйста, помогите.
Спасибо заранее.

Лучший ответ:

Курсоры не очень стильные, как вы могли бы ожидать, по крайней мере, не использовать свойства, которые традиционно предназначались бы для элементов DOM.

Лучшим подходом было бы установить атрибут cursor URL, который содержит ваш предпочтительный курсор, как показано ниже:

/* This will change your cursor to the image at your URL */ cursor: url(‘{your-red-cursor-url}’), auto;

Пример

.red-cursor { color:red; font-size:40px; cursor: url(‘http://www.spacebug.50webs.com/visible.gif’), auto; }<div class=’red-cursor’> Testing </div>Ответ №1

Вам, вероятно, понадобится сделать это как изображение, так как color предназначен для изменения цвета текста.

Вы можете попробовать следующее:

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

Ответ №2

Попробуйте заменить изображение пользовательского курсора на изображение с красным фоном.

<span style=»cursor:url(‘put-red-image-here’), auto ; font-size:40px;»>Help</span><br>

Вы можете использовать JavaScript, но я считаю, что это более простой вариант.

Оцените статью
Добавить комментарий