为什么样式不适用于ToggleButton？

.toggle-button {
  background-color: blue !important;
}

<link rel="stylesheet" href="styles.css">
<button class="toggle-button">Toggle</button>

document.querySelector('.toggle-button').addEventListener('click', function() {
  // 确保这里没有修改样式
});

import { ToggleButton } from '@material-ui/lab';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  toggleButton: {
    backgroundColor: 'blue',
  },
});

function App() {
  const classes = useStyles();
  return (
    <ToggleButton className={classes.toggleButton}>Toggle</ToggleButton>
  );
}

.toggle-button {
  -webkit-background-color: blue;
  background-color: blue;
}