如何使用CSS更改JavaFX Spinner的按鈕寬度？

Question

我想更改JavaFX 11中的增加和減少箭頭按鈕的寬度（不更改布局）。 我已經嘗試了以下CSS，但這不起作用

.spinner .increment-arrow-button {
    -fx-pref-width: 50px;
}

這是可行的，但是它會拉長箭頭本身。 我想調整按鈕的大小，而不是字形。

.spinner .decrement-arrow-button .decrement-arrow {
    -fx-pref-width: 50px;
}

設置最小/最大寬度也不會改變任何事情。

Answer 1

嘗試為以下樣式類使用-fx-padding

以下內容減少了按鈕和箭頭的寬度

.spinner .increment-arrow-button { 
    -fx-padding: 1 2 1 2; /*caspian.css values are 4 8 4 8 */
}
.spinner .decrement-arrow-button {    
    -fx-padding: 1 2 1 2; /*caspian.css values are 3 8 6 8 */
}


.spinner .increment-arrow-button .increment-arrow {
    -fx-padding: 2 3 2 3;    /*caspian.css values are 2 4 2 4 */
}
.spinner .decrement-arrow-button .decrement-arrow {
    -fx-padding: 2 3 2 3; /*caspian.css values are 2 4 2 4 */
}

您可能需要增加左右兩側的填充以使按鈕更寬。