Hello all! (FYI this question has also been asked here without any correct answers: http://stackoverflow.com/questions/24852429/making-a-smaller-javafx-combobox )
I'm trying to make a smaller version of the ComboBox but the gap between the text and the arrow button is constant no matter what I do. If I use the css: .combo-box-base > *.arrow-button { -fx-padding: 0 0 0 0; -fx-background-color: pink, pink, pink, pink; } the arrow button gets smaller but the ComboBox itself still have the same size, only increasing the gap between the arrow and text to compensate. If I do .combo-box > .list-cell { -fx-padding: 0 0 0 0; -fx-border-insets: 0 0 0 0; } The combo get a smaller height but the width remain fixed. Is there any way to make the preferred size of the combo smaller by reducing the size between the text and arrow? I have a screenshot of the ComboBox attached. Cheers, Mikael Grev