Как поменять вид курсора?

Question

[Ingernirated]

Возможно ли поменять вид курсора в браузере на сайте?
Например, превратить его в квадрат или круг.

Answer 1

[ThunderCat]

https://codepen.io/tamm/pen/LIFam

Comments

[Ingernirated]

то, что надо, спасибо

Answer 2

[Ankhena]

https://jsfiddle.net/9v8sgpjk/
я только не уверена в cursor:none, что он всюду будет none

Comments

[Ankhena]

html {
  cursor: none;
}

вот, вот так,в общему случае к html, а не к body.
Либо для body задавать 100% высоту.

[Ingernirated]

Ankhena, жаль, что там jQuery (

Answer 3

[Никита]

Да, только не понятно зачем вы поставили тэг js, ваша задача решается через стили тык

Comments

[Евгений Вольф]

Подозреваю, что автор просто не любит или не приемлет CSS, его именно JS-вариант интересует :)))

[Ingernirated]

Хорошо, как мне сделать курсор в виде квадрата 30х30px?
Красного цвета.
А после поиграться с его размерами и цветом.

[Никита]

Ingernirated, можно разные классы сделать, и по определенному событию менять класс.

Если надо прямо играться, можно поискать плагин с чем то вроде drag and drop, только задача что бы блок бегал за курсором всегда, а у курсор был пикселем прозрачным например.

[Ingernirated]

Никита, а пример можно?
30x30, красного цвета, не картинкой.

[Ankhena]

Ingernirated, не картинкой - нельзя

[ThunderCat]

Ankhena, это почему? Какому специфичному виду контента нельзя придать позишн абсолют?

[Ankhena]

ThunderCat, вообще это было "нельзя сделать именно cursor квадратным и красным без картинки", про position ни слова не говорила.

[ThunderCat]

ну так не обязательно именно курсор менять, есть варианты проще, как Никита справедливо заметил, я ниже привел пример.