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 파일을 사용하는 텍스트 편집기에서 열고이 비슷한으로 변경하기 위해이 변경

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

이 CSS 코드는 트릭을 수행해야합니다

를

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