按钮:悬停不在Firefox中工作

Maa*_*aat 9 html css firefox hover

我遇到了悬停在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>

Spu*_*ley 14

看起来悬停事件不会被延迟到跨度.

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

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

  • 实际上,按钮的子元素不是鼠标事件的候选者.在相应的文件中甚至有评论:"我们不希望我们的孩子得到任何事件." (3认同)