按钮上的 chrome 中的粘滞悬停状态答案

【问题标题】：Sticky hover state in chrome on buttons按钮上的 chrome 中的粘滞悬停状态
【发布时间】：2020-09-20 23:10:23
【问题描述】：

我对 Chrome 中的悬停状态有疑问。我的网站上有几个 bagdes ......当我删除其中一个时，下一个徽章仍然悬停......即使我没有用鼠标悬停（在移动触摸设备上也是如此（但在 FF 中（它是否使用铬引擎？）））。桌面上的 FF 和 Safari 运行良好。

同样的问题here。

还没有找到任何解决方案。有人可以帮忙吗？

【问题讨论】：

【解决方案1】：

我们找到了解决该问题的方法。简单地修改了onClick ...问题是焦点-> .blur() method

之前：

onClick={onRemove}

之后

onClick={(event) => {event.currentTarget.blur() onRemove()}}

【讨论】：