title: JavaFX ComboBox CSS style
body: <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>