css - 是否可以在 SVG 元素上有两个笔画？

Question

我有一些 SVG 元素(矩形)。当我双击这些时，我将一个类添加到矩形。

这个类是这样的:

.highlighted {
    stroke: green;
    stroke-width : 3px;     
}

基本上是绿色边框。我试过这样的类(class):

.highlighted {
    border: 3px solid green;
}

但它不起作用，因为我使用的是 SVG 而不是 HTML。

我的问题是，是否可以在一个 SVG 矩形元素上使用多个笔划？

Answer 1

目前答案是否定的。

您需要第二个矩形来创建另一个“笔划”。

还是有希望的

摘自 W3 spec

SVG 2 supports multiple strokes, which we will need updated wording to handle in this specification.

至于边框...它们不适用于 SVG 内部元素，例如路径和矩形等...仅适用于完整 SVG 本身。