如何通过选择浏览器建议来保持悬停效果？答案

【问题标题】：How to keep a hover effect by selecting a browser suggestion?如何通过选择浏览器建议来保持悬停效果？
【发布时间】：2020-01-09 11:23:41
【问题描述】：

我有一个 WordPress + WooCommerce 网站，通过将 登录/注册 悬停在标题上，它会打开一个下拉框，您可以在其中输入登录详细信息或注册。下面描述的问题也出现在官方主题演示网站https://xstore.8theme.com/

现在，如果我点击“用户名或电子邮件地址”字段，Google Chrome 会根据之前在此网站上保存的帐户向我显示一个帐户建议。您可以尝试使用任何凭据登录，如果您将它们保存在 Chrome 上（即使错误），浏览器会在下次登录尝试时向您建议它们。如果您只是悬停建议，所有下拉框都会消失。我说，“只是悬停建议”，因为实际上你没有时间点击它。

我想这是由于悬停效果，实际上，如果您将光标移出下拉框，最后一个会消失，因此建议使它看起来像是在下拉框之外。

您可以在以下位置观看有关该问题的视频： https://s.nimbusweb.me/share/3721505/q5vwlz9bho2yufufoiic

我该如何解决？

提前谢谢你，阿尔贝托

【问题讨论】：

您能否在问题中包含该问题的minimal reproducible example？
s.nimbusweb.me/share/3721505/q5vwlz9bho2yufufoiic
请将代码放入问题本身。 Links rot.
SO 提供了一个“stack sn-p”工具来在问题中嵌入可运行代码。创建一个最小的可重现示例将帮助他人和您自己更快地找到解决方案。链接失效是因为网站/内容消失了。

标签： javascript jquery html wordpress header

【解决方案1】：

我已经多次使用过时的 chrome 版本遇到这个问题。您是否尝试过更新浏览器？你在其他浏览器中是否有同样的问题？运行更新的 chrome，我在演示页面上没有遇到这个问题 (https://xstore.8theme.com/)

【讨论】：

感谢您的回复。是的，我已经将 Chrome 和 Firefox 都更新到了最新版本……至少在 Firefox 上，该建议仍然存在，即使当我在建议上移动光标时下拉框消失，我也可以点击它。
我认为它与 chrome 中的 passwdmanager 有关。如果您清除该站点的 PW，您是否仍然会收到相同的错误？
是的，不幸的是我仍然遇到同样的错误......我不知道如何解决这个问题
我也在使用最新的 Chrome 版本，也遇到了这个问题，即悬停密码管理器会禁用容器的悬停效果，从而隐藏下拉框。