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

【问题标题】：Button:hover not working in Firefox按钮：悬停在 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 按钮悬停颜色。