Question

我想制作一个上面有文字的圆圈（可单击）。它可以工作...可以单击...但是当我单击它时文本颜色变为黑色。然后它不会变回我想要的颜色。

<svg>
    <circle cx="60" cy="60" r="50" stroke="black" stroke-width="5" fill="grey" />
    <text style="text-decoration: none; color: green;" x="50" y="50"><a style="text-decoration: none; color: green;" href="#">hei</a></text>
</svg>

之所以要在文本和标签中都写上文本装饰和颜色，是因为我对它们都进行了尝试，但没有一个起作用。

Answer 1

使用fill代替颜色，因为它是SVG text node

请参见下面的代码段

text a {
 /* fill:red;*/
}

<svg>
    <circle cx="60" cy="60" r="50" stroke="black" stroke-width="5" fill="grey" />
    <text x="50" y="50"><a style="text-decoration: none; fill: green;" href="#">hei</a></text>
</svg>

HTML svg标记内的标记保持黑色

1 个答案: