Material UI IconButton outline none 不起作用答案

【问题标题】：Material UI IconButton outline none is not workingMaterial UI IconButton outline none 不起作用
【发布时间】：2021-11-16 12:08:40
【问题描述】：

我尝试像下面的例子一样应用 css

<CustomColorIconButton>
    <DeleteForeverIcon />
</CustomColorIconButton> 

const CustomColorIconButton = withStyles({
    root: {
        color: "#ff8833",
        outline: 'none',
    }
})(IconButton);

这也是我尝试过的

<IconButton classes={{outline: 'none'}} >
    <DeleteForeverIcon />
</IconButton>

【问题讨论】：

您的问题没有很好地描述。即使您将轮廓设置为无，您的 ButtonIcon 周围是否还有这个黑色圆圈？
这个黑色圆圈也可以是边框。您应该显示更多代码。
您好，我正在使用上面的材质 ui "IconButton" 组件，但问题是当我单击按钮时它显示黑色轮廓并且不想要这个黑色轮廓..只想删除那个黑色轮廓
@Kamleshsharma 你确定DeleteForeverIcon 最初没有大纲吗？你能发布你是如何导入图标的吗？
仅从这个 sn-p 很难判断您的代码有什么问题。您可以尝试在codesandbox 或codepen 中复制问题并发布指向它的链接吗？

标签： css reactjs material-ui

【解决方案1】：

除非有一些其他设置来设置这个按钮的样式，比如在主题配置文件中，将轮廓设置为 0 应该可以解决这个问题：outline: 0,

您还应该尝试查看项目中的其他地方是否有一些按钮设置，一般来说，轮廓设置为其他值而不是您想要的值。可能是该设置以某种方式覆盖了您正在使用的设置。

另外，您可以尝试将此参数的值设置为!important

【讨论】：