我最近偶然发现了SVG“光标”元素,并认为我可以尝试一下,以替代css-cursor。但是我很难让它工作。我正在使用此代码(由于指定的方法无效,因此是非标准方法):
<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
中的超链接。