title: How to remove the blue color in selected tab pane
body: <p>I'm working on javafx project, I have a FXML interface where I put a tab pane, when I select a tab , the border of the selected button is colored in blue, but the style I want is to let the white color will add no border.</p>
  
  <p>My image <a href="https://i.stack.imgur.com/wwedh.png" rel="nofollow noreferrer">here</a> has a blue outline.
  <a href="https://i.stack.imgur.com/wwedh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wwedh.png" alt="tab with blue border"></a></p>
  
  <p>to get this <a href="https://i.stack.imgur.com/wiBIW.png" rel="nofollow noreferrer">image</a> </p>
  
  <p><a href="https://i.stack.imgur.com/wiBIW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wiBIW.png" alt="tab without blue border"></a></p>
  
  <p>my Css code for styling Tab pane:</p>
  
  <pre class="lang-css prettyprint-override"><code>.tab
  {
      -fx-background-color: #fbfbfb;
      -fx-border-width: 0 0 1 0;
      -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
  }
  .tab:selected 
  {
      -fx-background-radius: 0;
      -fx-background-insets: 0;
      -fx-background-color: #fbfbfb;
      -fx-border-width: 0 0 3 0;
      -fx-border-color: #c2c2c2 #c2c2c2 #ff9500 #c2c2c2
  }
  .tab-pane *.tab-header-background 
  {
      -fx-background-color: #fbfbfb, #fbfbfb, #fbfbfb;
      -fx-border-width: 1 0 1 0;
      -fx-border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2
  }
  </code></pre>