使用 CSS 操作添加 ::before 伪元素的 SVG？答案

【问题标题】：Using CSS to manipulate a SVG added with ::before pseudo-element?使用 CSS 操作添加 ::before 伪元素的 SVG？
【发布时间】：2016-05-13 13:19:52
【问题描述】：

我用最常见的方式用 SVG-image 替换了一个复选框按钮：

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

有什么办法，例如，我可以用 CSS 定位我的 SVG 路径来更改它的填充？可能不会，但是...

提前致谢！

【问题讨论】：

【解决方案1】：

您不能使用 CSS 选择器定位 ::before 伪元素的内容，也不能从其主文档中定位嵌入的 SVG 文档中的元素 - 无论它是如何嵌入的。

【讨论】：