react Material UI 版本5.12.2 ButtonGroup组 点击后样式属性

React Material UI ButtonGroup 组件在点击后的样式属性可以通过 `MuiButtonGroup-grouped` 类来进行控制。你可以通过 CSS 或者使用 `sx` prop 来自定义样式。以下是一个例子：

import ButtonGroup from '@mui/material/ButtonGroup';
import Button from '@mui/material/Button';

function Example() {
  return (
    <ButtonGroup
      variant="contained"
      aria-label="outlined primary button group"
      sx={{
        '& .MuiButtonGroup-grouped:not(:first-of-type)': {
          borderColor: 'red',
          backgroundColor: 'white',
        },
        '& .MuiButtonGroup-grouped:hover': {
          backgroundColor: 'red',
        },
      }}
    >
      <Button>One</Button>
      <Button>Two</Button>
      <Button>Three</Button>
    </ButtonGroup>
  );
}

在上面的例子中，`& .MuiButtonGroup-grouped:not(:first-of-type)` 选择器控制了除了第一个按钮以外的按钮的样式，`& .MuiButtonGroup-grouped:hover` 控制了鼠标悬停在按钮上时的样式。你可以根据自己的需要进行更改。