css - 如何在 javaFX FXML 中使用 CSS 设置 SVG 样式

Question

我将 SVG 用于按钮中的图像。但是我无法通过 CSS 为其填充颜色。下面是呈现按钮的代码。

<Button  onAction="#closeApplication" >
<graphic>
 <SVGPath content="M10,16 10,0 0,8z" styleClass="button‐icon‐shape" />
</graphic>
</Button>

这是CSS

.button-icon-shape SVGPath{
   -fx-fill:  red;
}

Answer 1

这是它的工作原理。我必须设置按钮的样式并使用该类设置按钮中的 svg 样式。

<Button  onAction="#closeApplication" styleClass="closeButton">
        <graphic>
            <SVGPath content="M10,16 10,0 0,8z"  />
        </graphic>
</Button>

这是CSS

.closeButton{

}
.closeButton SVGPath{
   -fx-fill:  red;
}