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

Posted 2023-03-06

技术标签:

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

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

同样的问题here。

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

【问题讨论】：

【参考方案1】：

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

之前：

onClick=onRemove

之后

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

【讨论】：

以上是关于按钮上的 chrome 中的粘滞悬停状态的主要内容，如果未能解决你的问题，请参考以下文章