按钮：悬停在 Firefox 中不起作用

Posted 2023-05-08

【中文标题】按钮：悬停在 Firefox 中不起作用

【英文标题】：Button:hover not working in Firefox

【发布时间】：2011-08-23 09:00:39

【问题描述】：

我遇到了悬停在 Firefox 中不起作用的问题！它在 Chrome、IE 9、IE 8 和 IE 7 中运行。有人知道这个问题以及如何解决它吗？

CSS：.row button span:hover background-position : left bottom; border : 1px solid #2b2b2b;

HTML：<button type="submit"><span>Button</span></button>

【参考方案1】：

看起来悬停事件没有反馈到 span。

尝试选择button:hover span 而不是button span:hover

这是一个 JSFiddle，通过上述操作可以正常工作：http://jsfiddle.net/3j7G5/

【讨论】：

斯普德利你很好！ :)...愚蠢的我，我没有把它当回事！

确实，按钮的子元素不是鼠标事件的候选者。相应的文件中甚至还有一条评论：“我们不希望我们的孩子得到任何事件。”

@Neil 你有那个来源吗？

@TylerH bonsai.mozilla.org/cvsblame.cgi?file=mozilla/layout/forms/… 所以 Gecko 已经有 15 年多了。

@ZachSaucier 假设您使用的是 Windows 7，这就是您在那里看到的 Windows 按钮悬停颜色。