title: Material UI Chips - stop them changing color when active
body: <p>If you notice Chip number 3 below has a slightly darker background color because I have clicked on it and it is active. However there is no need for it to change color on being clicked/active, because only the delete button has a function, so the chip going darker on click/active has no meaning.</p>
  
  <p><strong>How can I set the styling to stop this background color change when a user clicks the Chip?</strong></p>
  
  <p>I think the custom styling has to come from react. In the devtools, I selected to make the element ':active', however it dosen't change color, so I dont think it is actually ':active' from a CSS perspective. The styling is all coming from React and the Material UI library, so I think we have to apply the custom styling within the React Component for it to work.</p>
  
  <p><a href="https://i.stack.imgur.com/leqkD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/leqkD.png" alt="enter image description here"></a></p>