如何使用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 */
}

您可能需要增加左右两侧的填充以使按钮更宽。