title: JavaFX - Set focus border for Textfield using CSS
body: <p>I want to have a textfield with three different borders for three cases:</p>
  
  <ul>
  <li>a white border when not hovered or focused</li>
  <li>a grey border when hovering</li>
  <li>a blue border when focused and typing</li>
  </ul>
  
  <p>I started like this:</p>
  
  <pre><code>#custom-text-field  {
      -fx-border-width: 2;
      -fx-border-color: white;
  }
  
  #custom-text-field:hover{
      -fx-border-width: 2;
      -fx-border-color: #909090;
  }
  
  #custom-text-field:focused{
      -fx-border-width: 2;
      -fx-border-color: #0093EF;
  }
  </code></pre>
  
  <p>The problem is that the border for focusing never shows up. How do it set it correctly?</p>