How to disable Firefox's default focus rings
I am trying to test a site for its existing focus ring styles, but can't see them because firefox's added blue focus ring is covering them up. I also need to be able to see when there is no focus ring added by the site at all.
I have browser.display.show_focus_ring and browser.display.always_show_rings_after_key_focus
both set to false, no profile-wide css, no tampermonkey, or stylus files enabled.
I know that the color contrast is poor, but when testing I'd like to be able to see it without firefox plopping their blue one in the way of a quick visual check.
Thank you for any help here :D
所有回覆 (2)
Try the pref browser.display.focus_ring_width and set it to 0 in about:config. That is the one that controls the width of Firefox's own focus ring; 0 hides it. I would do this only in a separate test profile, because it removes a useful accessibility cue for normal browsing.
If you still see an outline after that, it may be coming from the page CSS itself (:focus or :focus-visible), so DevTools > Inspector > force state can help check which rule is drawing it.
sagenuage81 said
Try the pref browser.display.focus_ring_width and set it to 0 in about:config. That is the one that controls the width of Firefox's own focus ring; 0 hides it. I would do this only in a separate test profile, because it removes a useful accessibility cue for normal browsing. If you still see an outline after that, it may be coming from the page CSS itself (:focus or :focus-visible), so DevTools > Inspector > force state can help check which rule is drawing it.
Hi! thanks for the reply here, browser.display.focus_ring_width did not seem to be a default variable in my install, and adding it with a value of 0 made no change either.
I know the site's default behavior is a certain focus ring as seen in the attached images, but firefox adds its own to any site/page I visit's controls. (the Chrome image just happened to be taken between cursor blinks, but that was a focused version of that input field)
由 racecn 於 修改