仅使用CSS的JavaFX控件笔画样式？

Question

我有一个按钮想要在其中绘制自定义形状。

.arrow-button {
    -fx-shape: "M 90 50 10 90 10 10 z";
    -fx-background-color: -fx-mark-highlight-color, -fx-mark-color;
    -fx-fill: #ff0000;
    -fx-stroke : #ff0000;
    -fx-stroke-width: 100;
    -fx-stroke-line-join: round;
    -fx-stroke-line-cap: round;
}

除背景颜色和形状外，笔划css完全不影响形状或颜色。我在做什么错了？

Answer 1

CSS属性-fx-fill和-fx-stroke*不适用于controls（例如按钮），仅适用于shapes。有关详细信息，请参见JavaFX CSS Reference Guide。

-fx-shape与Button一起工作的原因是因为它是在Region的超类Button上定义的（但不是Shape的超类）