CSSを使って:: before pseudo-elementで追加されたSVGを操作するには？

Question

私が最も一般的な方法でSVG-画像でチェックボックスのボタンを置き換え：

[type="checkbox"] + label:before { 
    content: url("data:image/svg+xml,<svg ...> ... </svg>"); 
    /* Some more styling */ 
} 

は、どのような方法があり、私はそれが例えば塗りつぶします変更するにはCSSと私のSVGのパスをターゲットにすることができますか？おそらくそうではありませんが...

ありがとうございます！

Answer 1

::before疑似要素の内容をCSSセレクタでターゲティングすることはできません。埋め込みSVGドキュメント内の要素は、埋め込み方法にかかわらず、そのホストドキュメント内からターゲティングすることはできません。