Chromeで.svgが機能しない61.0.3163.100

Question

私はこのCSSに問題があります。
autoとdefaultの両方を試しましたが、まだデフォルトのカーソルが表示されています。

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

誰でも同じ問題がありますか、何か間違っていますか？

Answer 1

SVGファイルの高さと幅を指定していない可能性があります。したがって、ブラウザはカーソルをカーソルとして使用することはできません。

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

これが変更された場合、このCSSコードは、トリックを行う必要があります：テキスト・エディタで開き、これに似たものに変更し、カーソルとしてこのSVGファイルを使用するためには

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