X
點擊此處開啟此網站的行動版。

技術支援討論區

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

已張貼

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.

額外的系統細節

已安裝的外掛程式

  • Version 5.4.2.18903
  • 5.1.30214.0

應用程式

  • Firefox 32.0
  • 使用者代理:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:32.0) Gecko/20100101 Firefox/32.0
  • 技術支援網址:https://support.mozilla.org/1/firefox/32.0/Darwin/en-US/

擴充套件

  • Adblock Edge 2.1.4 ({fe272bd1-5f76-4ea4-8501-a05d35d823fc})
  • Cert Viewer Plus 1.9 ({cafefdef-5ef8-4222-a8dd-bfd298784eca})
  • CheckFox 0.9.2 ({BAEC7B80-9A31-47b2-A68B-DCAC8DF48E87})
  • Clear Cache 1.4 (clearcache@michel.de.almeida)
  • Clear Cache Button 0.9f ({563e4790-7e70-11da-a72b-0800200c9a66})
  • Cookie Cutter 2.2 ({4d14a68e-9a97-4358-8603-ed67b332cef1})
  • Cookies Manager+ 1.5.2 ({bb6bc1bb-f824-4702-90cd-35e2fb24f25d})
  • Customizations for Adblock Plus 1.0.3 (customization@adblockplus.org)
  • Disconnect 3.14.0 (2.0@disconnect.me)
  • Disconnect Search 2.0.5 (search@disconnect.me)
  • Dust-Me Selectors 4.1 ({3c6e1eed-a07e-4c80-9cf3-66ea0bf40b37})
  • Facebook Disconnect 2.1.3 (facebook@disconnect.me)
  • FacebookBlocker 1.2.4 (facebookBlocker@webgraph.com)
  • Firebug 2.0.2 (firebug@software.joehewitt.com)
  • Self-Destructing Cookies 0.4.4 (jid0-9XfBwUWnvPx4wWsfBWMCm4Jj69E@jetpack)
  • Troubleshooter 1.1a (troubleshooter@mozilla.org)
  • W3Schools Hider 1.0.rev175 (jid0-MokiCdUaiAZ3DfVvSCVU2PluISw@jetpack)
  • YouTube Unblocker 0.5.4 (youtubeunblocker@unblocker.yt)
  • Adobe Acrobat - Create PDF 1.2 (web2pdfextension@web2pdf.adobedotcom) (Inactive)
  • CodeBurner for Firebug 1.6 (firebug@tools.sitepoint.com) (Inactive)
  • DrupalForFirebug 2.2 (DrupalForFirebug@drupal.org) (Inactive)
  • Firefinder for Firebug 1.4 (firefinder@robertnyman.com) (Inactive)
  • Inline Code Finder for Firebug 1.1 (icffirebug@robertnyman.com) (Inactive)

JavaScript

  • incrementalGCEnabled: True

圖形

  • adapterDescription:
  • adapterDeviceID: 0x fd5
  • adapterDrivers:
  • adapterRAM:
  • adapterVendorID: 0x10de
  • driverDate:
  • driverVersion:
  • info: {u'AzureCanvasBackend': u'quartz', u'AzureFallbackCanvasBackend': u'none', u'AzureContentBackend': u'quartz', u'AzureSkiaAccelerated': 0}
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • webglRenderer: NVIDIA Corporation -- NVIDIA GeForce GT 650M OpenGL Engine
  • windowLayerManagerRemote: True
  • windowLayerManagerType: OpenGL

修改過的偏好設定

  • accessibility.blockautorefresh: True
  • accessibility.typeaheadfind.flashBar: 0
  • browser.cache.disk.capacity: 358400
  • browser.cache.disk.smart_size.first_run: False
  • browser.cache.disk.smart_size.use_old_max: False
  • browser.cache.disk.smart_size_cached_value: 358400
  • browser.cache.frecency_experiment: 3
  • browser.places.smartBookmarksVersion: 7
  • browser.sessionstore.upgradeBackup.latestBuildID: 20140722195627
  • browser.startup.homepage_override.buildID: 20140722195627
  • browser.startup.homepage_override.mstone: 32.0
  • browser.urlbar.autocomplete.enabled: False
  • dom.mozApps.used: True
  • dom.w3c_touch_events.expose: False
  • extensions.lastAppVersion: 32.0
  • network.cookie.cookieBehavior: 1
  • network.cookie.prefsMigrated: True
  • places.database.lastMaintenance: 1407261517
  • places.history.enabled: False
  • places.history.expiration.transient_current_max_pages: 104858
  • plugin.disable_full_page_plugin_for_types: application/pdf
  • plugin.importedState: True
  • plugin.state.adobepdfviewernpapi: 0
  • plugins.notifyMissingFlash: False
  • privacy.cpd.offlineApps: True
  • privacy.cpd.siteSettings: True
  • privacy.donottrackheader.enabled: True
  • privacy.sanitize.migrateFx3Prefs: True
  • privacy.sanitize.sanitizeOnShutdown: True
  • privacy.sanitize.timeSpan: 0
  • security.disable_button.openCertManager: False
  • security.warn_viewing_mixed: False
  • storage.vacuum.last.index: 1
  • storage.vacuum.last.places.sqlite: 1405532475

其他

  • User JS: 否
  • 輔助功能: 否
jscher2000
  • Top 10 Contributor
8793 個解決方法 71930 個答案

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.

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 於 修改