2017-04-17 154 views
0

我想減少填充以顯示我的全文。Javafx Combobox CSS填充

我已經嘗試過,但是已經開始工作了。

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

enter image description here

+0

從默認modena.css填充你的填充是所有0,你需要改變這些值。 – TGarrett

+0

@TGarrett,也嘗試了一個像2 2 2 2這樣的值,也不是。 – Marckaraujo

+0

整個例子都是合理的。 – DVarga

回答

0

我想你的代碼,併爲我工作。我不認爲填充可能對你有用。相反,您可以更改字體大小。如果您使用小字號,則應該在該按鈕內看到您的文字。

在這種情況下,您可以使用Scenic View查看圖形元素並查看可能出現的問題。

希望它可以幫助

+0

thx試用它。但我不喜歡使用小的字體大小,它看起來不太好,我想弄清楚如何更改標籤框的填充。 – Marckaraujo

+0

我不認爲改變填充可能是一個解決方案,正如我之前所說。如果您不想更改字體大小,也許您必須爲組合框使用更大的寬度 – FFdeveloper

0

我不得不設置負填充在.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

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