title: How to change the text color of the selected row in material ui table
body: <p>I am trying to change the color of the row text and the background color of row on selection. </p>
  
  <p>I am able to change the background color successfully but I am not able to change the text color. </p>
  
  <pre><code>&lt;TableRow
          className={classes.tableBody}
        &gt;
  
  tableBody: {
      "&amp;:focus": {
        color: "yellow !important",
        backgroundColor: "#3D85D2 !important",
      },
    },
  </code></pre>