title: How to set selected and hover color of ListItem in MUI?
body: <p>Can't get 'selected' or 'hover colors to work for <code>ListItem</code>. For selected tried setting its classes like:</p>
  <pre><code>&lt;ListItem selected button key=&quot;home&quot; classes={{ selected: classes.listItemSelected }}&gt;
    &lt;ListItemText primary=&quot;Hi&quot;/&gt;
  &lt;/ListItem&gt;
  </code></pre>
  <p>and then setting the style like:</p>
  <pre><code>const useStyles = makeStyles((theme) =&gt; ({
    listItemSelected:{
      backgroundColor: &quot;#ff0000&quot;,
    },
  }));
  </code></pre>
  <p>But it doesn't do anything, the 'selected' is described in the <code>ListItem</code> component API <a href="https://mui.com/api/list-item" rel="noreferrer">here</a>.</p>
  <p>How do you get to set the color of both the <strong>selected</strong> and <strong>hover</strong> for <code>ListItem</code>?</p>