Material-UI 中 IconButton 的悬停效果

Question

图标按钮悬停

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

代码：

 <IconButton>
    <BackButton />
</IconButton>

原文由 Roman S 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

（替代方式）

您还可以通过 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>

原文由 Konstantinos Kalaras Lafkiotis 发布，翻译遵循 CC BY-SA 4.0 许可协议