僅使用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*不適用於控件 （例如按鈕），僅適用於shapes 。 有關詳細信息，請參見《 JavaFX CSS參考指南 》。

-fx-shape與Button一起使用的原因是因為它是在Region上定義的， Region是Button的超類（但不是Shape的超類）