css - 使用 CSS 操作添加了::before 伪元素的 SVG？

Question

我以最常见的方式用 SVG 图像替换了复选框按钮:

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

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

提前致谢!

Answer 1

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