搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信,及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

Learn More

pseudo:hover is not being added to "button" element children

more options

I am a developer, and working with CSS, discovered a bug where the children of a "button" element do not get the pseudo ":hover" applied when they are hovered.

The W3C spec says that all elements should have a psuedo ":hover" applied when a pointer is over the element. link: http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act

Made a jsfiddle here: http://jsfiddle.net/jbergloff/32jh2/

It works in other browsers and not FF.

Wat. Sad face.

I am a developer, and working with CSS, discovered a bug where the children of a "button" element do not get the pseudo ":hover" applied when they are hovered. The W3C spec says that all elements should have a psuedo ":hover" applied when a pointer is over the element. link: http://www.w3.org/TR/css3-selectors/#the-user-action-pseudo-classes-hover-act Made a jsfiddle here: http://jsfiddle.net/jbergloff/32jh2/ It works in other browsers and not FF. Wat. Sad face.

所有回复 (1)

more options

Something definitely is different with buttons. No exception for buttons is described here: https://developer.mozilla.org/en-US/docs/Web/CSS/:hover

I notice when I right-click > Inspect Element (Q) on the various spans in the button, that Firefox detects the button element as the right-clicked element.

If I add an onmouseover handler to one of the child nodes of the button, it doesn't fire on mouseover.

So it seems that mouse events do not pass through the button to its child nodes. Perhaps that is the reason that the hover state is not activated?

You could consider filing a bug to see whether this can be fixed or is the intended behavior: https://bugzilla.mozilla.org/

Edit: I tested using my regular setup including NoScript. This should be verified in a "clean" profile.

由jscher2000 - Support Volunteer于修改