Javascript 材质UI晶圆厂悬停颜色

我有一个浮动动作按钮，下面嵌套了一个SVG图标，尽管它不在FAB的children道具中。每当鼠标悬停在FAB/SVG图标上时，FAB将变为浅灰色。我查看了一些其他来源，发现悬停颜色是SVG图标颜色的40%

是否可以删除悬停功能，使其不发生颜色更改，或者是否可以更改悬停产生的颜色以匹配my FAB的颜色

我的目标是让用户能够让他们的鼠标进入和退出FAB/SVG图标区域，而不改变颜色

下面是我正在使用的代码片段：

<FloatingActionButton secondary={true} onTouchTap={this.printHandleOpen.bind(this)}>
    <ActionPrint style={styles.actionIcon}/> // This is the SVG icon, setting hoverColor doesn't seem to have any result
    <Dialog
    ...

//这是SVG图标，设置hoverColor似乎没有任何效果
更改悬停颜色也会导致动画效果有点古怪。我不认为我会建议尝试修改一个而不影响另一个

如果你真的想走这条路，你已经做了足够多的改变，不再是材质ui浮动操作按钮。这很好，但请接受这一事实。把晶圆厂代码（在这里找到：）调整到你的心的内容，使它成为你自己的

但是，如果您想删除按钮的所有交互方面，我建议您只使用圆形纸张元素（）。它支持onClick和任何背景颜色。更改悬停颜色也会使动画效果有点古怪。我不认为我会建议尝试修改一个而不影响另一个

如果你真的想走这条路，你已经做了足够多的改变，不再是材质ui浮动操作按钮。这很好，但请接受这一事实。把晶圆厂代码（在这里找到：）调整到你的心的内容，使它成为你自己的

但是，如果您想删除按钮的所有交互方面，我建议您只使用圆形纸张元素（）。它支持onClick和任何背景色都很好。
感谢您在这一点上的输入。我认为我们应该使用纸质元素，然后把它设计成一个晶圆厂。谢谢你对这一点的投入。我认为我们应该使用纸质元素，然后把它设计成一个晶圆厂。