css - Javafx 组合框 CSS 填充

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;
}

还需要把里面的默认modena.css里面的padding去掉.arrow-button

.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;
}