title: css: How to change row color of a table after its been selected and clicked away
body: <p>I have .css when the row is selected which is fine.</p>
  
  <p><img src="https://i.stack.imgur.com/EynbO.jpg" alt="row when clicked"></p>
  
  <p>However when I click off the row it changes the row color grey with a black font, is there any way to edit this css?</p>
  
  <p><img src="https://i.stack.imgur.com/SRRUs.jpg" alt="row when clicked off"></p>
  
  <pre><code>.table-view {
      -fx-base: transparent;
      -fx-control-inner-background: transparent;
      -fx-background-color: #507CA6;
      -fx-padding: 5;
  }
  
  .table-view .column-header-background {
      -fx-background-color: transparent;
  }
  
  .table-view .column-header, .table-view .filler {
      -fx-size: 35;
      -fx-border-width: 0 0 1 0;
      -fx-background-color: transparent;
      -fx-border-color: #B4D9FD;
      -fx-border-insets: 0 10 1 0;
  }
  
  .table-view .column-header .label {
      -fx-font-size: 14pt;
      -fx-font-family: "Segoe UI Light";
      -fx-text-fill: white;
      -fx-alignment: center-left; 
      -fx-opacity: 1;
  }
  
  .table-view:focused .table-row-cell:filled:focused:selected {
      -fx-background-color: #273D51;
  }
  </code></pre>
  
  <p>Any help would be appreciated.</p>