SVG描边颜色不会改变

Answer 1

stroke

属性指的是

path

元素的轮廓。您可以通过添加

stroke="#ff0000"

来查看

stroke-width="10"

更改所产生的效果。然而，这可能不是您想要的。

相反，如果添加

fill="#ff0000"

，您将更改路径本身的颜色。这很可能就是您想要的。

<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24">
<path fill="#ff0000" d="M280-600v-80h560v80H280Zm0 160v-80h560v80H280Zm0 160v-80h560v80H280ZM160-600q-17 0-28.5-11.5T120-640q0-17 11.5-28.5T160-680q17 0 28.5 11.5T200-640q0 17-11.5 28.5T160-600Zm0 160q-17 0-28.5-11.5T120-480q0-17 11.5-28.5T160-520q17 0 28.5 11.5T200-480q0 17-11.5 28.5T160-440Zm0 160q-17 0-28.5-11.5T120-320q0-17 11.5-28.5T160-360q17 0 28.5 11.5T200-320q0 17-11.5 28.5T160-280Z"/>
</svg>

有关

fill

和

stroke

之间差异的更多信息，请参阅 此文档。