Как стилизовать курсор средствами CSS?

Question

* {
    padding: 0;
    margin: 0;
    cursor: url(../img/Cursor/Cursor_Goth_Cursor4.png), auto;
    
}

Назначил через css ко всей странице свой курсор, всё отлично, но при наведении на текст, ссылки или закрывающие страницу элементы, курсор меняется на стандартный, как сделать так, чтобы он не менялся ни в каком случае, а оставался кастомным. И есть ли возможность реализовать такое не используя js. p.s: кстати только заметил, что курсор при наведении на текст не меняется, только при наведении на видео и закрывающие страницу элементы.

p.s.s: Попробовал такой способ, ничего не вышло, все также

* {
    padding: 0;
    margin: 0;
    cursor: url(../img/Cursor/Cursor_Goth_Cursor4.png), auto;

}
*:hover{
    cursor: url(../img/Cursor/Cursor_Goth_Cursor4.png);
}
*:focus{
    cursor: url(../img/Cursor/Cursor_Goth_Cursor4.png);
}

Answer 1

Подробнее о курсоре можете почитать тут - Курсор - CSS | MDN

body {
  min-height: 100vh;
  margin: 0;
}

* {
  cursor: url('//i.stack.imgur.com/T76l3.png'), default;
}

<input value="text input">
<p>Text</p>
<a href="#">Pointer</a><br><br>
<div style="display: inline-block; overflow: hidden; resize: both; border: 1px solid gray; padding-right: 15px;">Resize</div>

БЛОГ НА HUSL

Как стилизовать курсор средствами CSS?

Ответы (1 шт):