JavaFX ComboBox CSS style
<p>I am building a small application with JavaFX + FXML and I'm trying to implement some simple CSS to have a specific style.</p>

<p>I have an issue with the Combobox element. Indeed by default its color is grey:</p>

<p><a href="https://i.stack.imgur.com/dEVTP.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dEVTP.jpg" alt="enter image description here"></a></p>

<p>And I would like to have it white (or transparent), and keep the borders, to match the same style as the Text Field. So I tried to set the background color to transparent but there is a side effect: The borders become transparent too!</p>

<p><a href="https://i.stack.imgur.com/R9DOK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R9DOK.jpg" alt="enter image description here"></a></p>

<p>Here is the CSS i have added:</p>

<pre><code>.root {
    -fx-font-size: 11pt;
    -fx-font-family: "Verdana";
    -fx-background: #FFFFFF;
}

.normal-label {
    -fx-text-fill: #005EB8;
}

.normal-text-field {
    -fx-text-fill: #333333;
}

.combo-box {
    -fx-background-color: transparent;
}
</code></pre>

<p>I am not at all used to CSS writing, so maybe I completely miss something out. Is it that the combobox does not define borders? So I have to override the borders and find out what are the borders of the Text Field?</p>