Tìm kiếm hỗ trợ

Tránh các lừa đảo về hỗ trợ. Chúng tôi sẽ không bao giờ yêu cầu bạn gọi hoặc nhắn tin đến số điện thoại hoặc chia sẻ thông tin cá nhân. Vui lòng báo cáo hoạt động đáng ngờ bằng cách sử dụng tùy chọn "Báo cáo lạm dụng".

Learn More

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

  • 1 trả lời
  • 2 gặp vấn đề này
  • 25 lượt xem
  • Trả lời mới nhất được viết bởi jscher2000

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.

Tất cả các câu trả lời (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.

Được chỉnh sửa bởi jscher2000 vào