按钮:悬停在Firefox中不工作 [英] Button:hover not working in Firefox

查看:71
本文介绍了按钮:悬停在Firefox中不工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我遇到的问题,悬停在Firefox中不工作!它在Chrome,IE 9,IE 8和IE 7中正常工作。有人知道这个问题和如何解决它吗?





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



HTML

< button type =submit>< span> Button< / span>< / button>

解决方案

尝试选择按钮:hover span。 而不是按钮span:hover



这里有一个JSFiddle上述: http://jsfiddle.net/3j7G5/


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?

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

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

解决方案

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/

这篇关于按钮:悬停在Firefox中不工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆