材质UI芯片 - 在活动时停止更改颜色

Question

如果您发现下面的芯片编号3背景颜色稍深，因为我点击了它并且它处于活动状态。然而，没有必要在点击/激活时改变颜色，因为只有删除按钮有一个功能，所以点击/活动时芯片变暗没有意义。

当用户点击芯片时，如何设置样式以停止此背景颜色变化？

我认为自定义样式必须来自反应。在devtools中，我选择使元素'：active'，但它不会改变颜色，所以我不认为它实际上是从CSS角度来看'：active'。样式都来自React和Material UI库，所以我认为我们必须在React组件中应用自定义样式才能工作。

Answer 1

  

但是，单击/激活时不需要更改颜色，因为只有删除按钮才有功能

请参阅文档：

“请注意，由于没有定义onTouchTap属性，因此可以对芯片进行聚焦，但在点击或触摸时不会获得深度。”

http://www.material-ui.com/#/components/chip

芯片具有焦点颜色，因此用户可以判断它何时聚焦（无论是通过键盘，鼠标还是触摸）。聚焦芯片接收退格键盘输入，因此用户需要一个关于哪个芯片将被删除的视觉提示。

资料来源：我编写了芯片组件。