Question

我想使用svg制作一个简单的复选框。

它不必动画也不是任何东西。我只希望它在选中时更改填充颜色。就这么简单。

这是我的代码：

#[link(name = "statgrab", kind = "dylib")]

这真让我发疯。 svg甚至有一个红色背景，我不知道它来自哪里。

我看了很多教程，阅读了很多，并尝试了很多例子。他们都没有工作。

我只需要使用svgs的简单复选框即可。你能帮我吗？

此外，我还是CSS和HTML的新手。我确定我缺少什么。

谢谢。

Answer 1

.my-image input:checked不能这样工作，因为input不是.my-image的子元素，即使fill: red也不会用于您的图片。

您可以执行以下操作来实现您正在尝试的功能：

  input[type="checkbox"]:checked + .my-image {
        fill:red;
  }

我创建了一个小提琴，您可以在其中检出：https://jsfiddle.net/uvt5zqr9/

在这种小提琴中，背景不是红色的，我想也许您的app.css中有东西会导致红色背景。