title: JavaFX CSS: How to set tabpane tabs - width, height
body: <p>I am trying to make tabs that have a minimum width and height, for finger-size on a touch screen, and not the size of the text within. </p>
  
  <pre><code>.tab-pane *.tab-header-area *.tab-header-background {
    -fx-background-color:transparent;
    -fx-tab-min-width:120px;
    -fx-tab-max-width:120px;
    -fx-tab-min-height:50px;
    -fx-tab-max-height:50px;
  }
  
  .tab {
    -fx-font-family: Arial;
    -fx-font-size: 18;
    -fx-background-color:royalblue ;
  }
  
  .tab:selected {
      -fx-background-color:blue ;
  }
  </code></pre>
  
  <p>The colors and font are working, but the sizes have no effect.  I have tried a number of sizes, using px and em, but no effect. </p>
  
  <pre><code>    TabPane tabPane = new TabPane();
  
      Tab tab1 = new Tab();
      tab1.setText("Machine");
      tab1.setClosable(false);
  
      Tab tab2 = new Tab();
      tab2.setText("Shifts");
      tab2.setClosable(false);
  
      tabPane.getTabs().addAll(tab1, tab2);
  </code></pre>