Le curseur .svg ne fonctionnait pas dans Chrome 61.0.3163.100

Question

J'ai un problème avec ce CSS.
J'ai essayé à la fois auto et default mais je vois toujours le curseur par défaut.

cursor: url('img/extra/arrow-next.svg'), auto; 
cursor: url('img/extra/arrow-next.svg'), default; 

Quelqu'un a le même problème ou est-ce que je fais quelque chose de mal?

Answer 1

Vous n'avez probablement pas spécifié la hauteur et la largeur de votre fichier SVG. Par conséquent, votre navigateur ne peut pas l'utiliser comme un curseur. Pour utiliser ce fichier SVG comme un curseur, ouvrez-le dans un éditeur de texte et le modifier à quelque chose de similaire à ceci:

<svg height="20" width="20"> ... </svg>

Lorsque cela est changé, ce code CSS devrait faire l'affaire:

cursor: url('img/extra/arrow-next.svg'), auto;