如何在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;
}