मैं एक HTML प्रतीकसेट कर्सर <symbol> तत्व
<symbol id="arrow" viewBox="0 0 8.4666659 8.4666659">
<g transform="translate(0,-288.53334)">
<path style="fill:none;stroke:#000000;stroke-width:0.48417112;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" d="m 0.17215798,288.70836 8.05225192,8.04935"></path>
<path style="fill:none;stroke:#000000;stroke-width:0.48417112;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;" d="m 8.2221335,293.64243 0.00228,3.11528 -3.1283502,2.2e-4"></path>
</g>
</symbol>
जो मैं कर्सर के रूप में उपयोग करना चाहते हैं हो सकता है। मैं इस तरह JQuery के माध्यम से कर्सर को बदलने से परिचित हूँ:
body.css('cursor', `wait`);
लेकिन मैं कैसे एक <symbol>
तत्व के लिए ऐसा कर सकते हैं?
प्रासंगिक सीएसएस-ट्रिक्स लेख: https://css-tricks.com/using-css-cursors/#article-header-id- 1 दुर्भाग्य से, एक एसवीजी (हालांकि एक सीएसएस/बेस 64-एन्कोडेड एक) का उपयोग करने के उनके डेमो की तरह दिखता है मैकोज़ के लिए मेरे क्रोम पर काम नहीं करता है। लेकिन आप माउस का पालन करने के लिए "कर्सर" के रूप में एक कस्टम तत्व का उपयोग करने के अपने जेएस डेमो की प्रतिलिपि बना सकते हैं। –
विंडोज़ पर क्रोम में एसवीजी के लिए काम नहीं कर रहा है ... –
मैं इसके सत्यापन के लिए चारों ओर देख रहा हूं लेकिन कुछ भी नहीं मिला .. दिखाई देता है क्रोम में कस्टम कर्सर के लिए एसवीजी और जीआईएफ समर्थन टूटा हुआ है .. कोशिश की स्थिर और देव चैनल। सफारी एसवीजी पसंद करती है, लेकिन बेस 64 एसवीजी या जीआईएफ नहीं ... https://codepen.io/geoffgraham/pen/QNgoQW – daviestar