छद्म तत्व

Question

में डेटा-यूआरआई एसवीजी पथ का भरना रंग बदलें, क्या एसईजीजी पथ के रंग को बदलने के लिए सीएसएस का उपयोग करना संभव है जो एक छद्म तत्व डेटा-यूआरआई के भीतर है?

<a href="http://externalurl/">External Site</a> 

सीएसएस:

a[href^="http://"]:after { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSItMyAyMSAxNSAxMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMyAyMSAxNSAxMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzk5OTk5QSIgZD0iTTEyIDIxSDB2M2gtM3YxMEg5di0zaDNWMjF6IE04IDMzSC0ydi04aDJ2Nmg4VjMzeiBNOSAyN0g3djJINXYtMkgzdi0yaDJ2LTJoMnYyaDJWMjd6Ii8+PC9zdmc+); } 
a[href^="http://"]:hover:after path { fill: #000; } 

Answer 1

ऐसा नहीं है, क्योंकि svg सामग्री किसी अन्य दस्तावेज़ में है। स्टाइल दस्तावेजों पर लागू नहीं होते हैं।

और चूंकि एसवीजी के माध्यम से इस तरह संदर्भित होने पर एसवीजी को एक गूंगा छवि के रूप में माना जाएगा, इसलिए एसवीजी के अंदर पथ होवर शैली डालने से कोई मदद नहीं मिलेगी।

यदि आप इसके अंदर कुछ आकार शैली बनाना चाहते हैं तो मैं दस्तावेज़ में svg इनलाइन डालने की अनुशंसा करता हूं।

उस ने कहा, एक छवि के रंग को बदलने की एक और संभावना फिल्टर का उपयोग कर रही है, क्योंकि उन्हें बाहर से लागू किया जा सकता है। अगर आपकी छवि सरल है जो काम कर सकती है।