Недавно я наткнулся на SVG-элемент «курсор» и подумал, что попробую его как альтернативу css-курсору. Но у меня проблемы с тем, чтобы заставить его работать. Я использую этот код (нестандартный подход, так как указанный подход не работает):
<svg height="555" width="555" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<defs>
<cursor id="cur" x="0" y="0" xlink:href="https://www.iconsdb.com/icons/preview/black/cursor-xxl.png" />
</defs>
<rect cursor="url(#cur)" width="300" height="300" fill="blue"/>
</svg>
Я тоже пробовал это раньше:
<svg height="555" width="555" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<cursor x="0" y="0" xlink:href="https://www.iconsdb.com/icons/preview/black/cursor-xxl.png" />
</svg>
... что полностью соответствует спецификации 3wschools:
https://www.w3schools.com/graphics/svg_reference.asp
Ничего не работает, в Firefox, есть идеи?
Я также заметил, что в соответствии с w3schools.com, гиперссылки могут быть определены непосредственно внутри svg элементов, но, похоже, Firefox поддерживает только svg -гиперлинки внутри a -элемента, который строго не должен использоваться для гиперссылок. в пределах svg.