图标按钮的巨大选择半径MUI React

Question

只是在图标按钮上摆脱了这些巨大的选择时遇到一些困难，这些按钮可以在这里看到： 大型选择

我发现一个修复程序是添加的：component ='span =“ span”

1. 为什么此功能这是一个错误吗？我还应该提到我已经使用任何其他DIV或任何自定义CSS内的图标按钮对此进行了测试，但它的行为仍然相同。
2. 我将如何将此组件=“跨度”固定到我相信使用其中的图标按钮的自动完成组件上，请参阅此处：自动完成图标按钮。在右侧，下拉箭头和交叉按钮共享此大型选择，我认为也是图标按钮。

谢谢！

Answer 1

    import {createTheme} from "@material-ui/core";
    
     const themeSearch = createTheme({
        overrides: {
            MuiIconButton: {
                root: {
                    "&:hover": {
                        backgroundColor: 'transparent !important',
                    },
                },
            },
        },
    });

<ThemeProvider theme={themeSearch}>
  <div> your JSX </div>
</ThemeProvider>