javascript - 将鼠标悬停在iconButton上

IconButton Hover

这是我正在使用的Material-UI中的iconButton。如您所见，将鼠标悬停在图标上时，图标周围会有一个灰色边框。禁用此功能的属性是什么？我尚未在Material-UI文档中找到它，我需要摆脱这种灰色悬停功能。

码:

<IconButton>
    <BackButton />
</IconButton>

最佳答案

(替代方式)

您还可以通过MuiThemeProvider覆盖IconButton样式:

import { MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles';

const theme = createMuiTheme({
  overrides: {
    MuiIconButton: {
      root: {
        '&:hover': {
          backgroundColor: "$labelcolor"
        }
      }
    }
  }
})

然后使用以下代码包装要编辑的组件:

<MuiThemeProvider theme={theme}>

// Your Component here

</MuiThemeProvider>