按钮:悬停不在Firefox中工作

时间:2021-12-03 20:38:02

I haveing the problem that the hover is not working in Firefox! It is working in Chrome, IE 9, IE 8 and IE 7. Does somewone know this problem and how to fix it?

我遇到了悬停在Firefox中不起作用的问题!它适用于Chrome,IE 9,IE 8和IE 7.是否有人知道这个问题以及如何解决这个问题?

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

CSS:.row按钮span:hover {background-position:left bottom; border:1px solid#2b2b2b; }

The HTML:
<button type="submit"><span>Button</span></button>

HTML:

1 个解决方案

#1


12  

It looks like the hover event isn't getting fed down to the span.

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

Try selecting button:hover span instead of button span:hover

尝试选择按钮:悬停跨度而不是按钮跨度:悬停

Here's a JSFiddle that works okay by doing the above: http://jsfiddle.net/3j7G5/

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

#1


12  

It looks like the hover event isn't getting fed down to the span.

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

Try selecting button:hover span instead of button span:hover

尝试选择按钮:悬停跨度而不是按钮跨度:悬停

Here's a JSFiddle that works okay by doing the above: http://jsfiddle.net/3j7G5/

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