css - 如何使用 CSS 更改 JavaFX Spinner 的按钮宽度？

Question

我想更改 JavaFX 11 中增加和减少箭头按钮的宽度(不更改布局)。我已经尝试了以下 CSS，但这不起作用

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

这个有效，但它会拉伸(stretch)箭头本身。我想调整按钮的大小，而不是字形。

.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 */
}

您可能需要增加左右边距以使按钮变宽。