Css – JavaFX combobox css styling


I'm trying to customize a combo box in JavaFX through css. I can't customize the "arrow button" on the right (I want it to disappear, or to have a custom graphic, for example).

I have been checking the default caspian.css, but no matter what modifications I do to the .combo-box section, the arrow button is not affected.

Any idea of where this can be edited?

Best Solution

Using the following CSS in the style sheet will get rid of all of the ComboBox arrows

.combo-box .arrow, .combo-box .arrow-button{
    -fx-background-color: transparent;