Javafx Combobox CSS Padding

Question

我想减少填充以显示我的全文。

我已经尝试过了，但是要做好工作。

.combo-box
{
    -fx-background-color: -color-gray;
    -fx-text-fill: -color-primary;
    -fx-cell-size: 2.5em; 
    -fx-font-family: 'Myriad Pro Light';
    -fx-font-size: 14pt;
    -fx-padding: 0 0 0 0;
}

Answer 1

我尝试了你的代码并为我工作。我不认为填充可能对你有用。相反，您可以更改字体大小。如果您使用较小的字体大小，您应该在该按钮内看到您的文本。

在这种情况下，您可以使用Scenic View查看图形元素并查看问题所在。

希望有所帮助

Answer 2

我必须在.box中设置负填充：

.combo-box
{
    -fx-background-color: -color-gray;
    -fx-text-fill: -color-primary;
    -fx-cell-size: 2.5em; 
    -fx-font-family: 'Myriad Pro Light';
    -fx-font-size: 14pt;
    -fx-padding: -5 -5 -5 -15;
}

还需要从.arrow-button

中的默认modena.css中删除填充

.combo-box-base > .arrow-button {
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
    -fx-padding: 0 0.833333em 0 0;
    -fx-background-color: transparent;
    -fx-alignment:center-left;
}