Is it possible to disable the dotted border around flash elements that show up when you interact with them? It looks horrible and it shows up everywhere.
I understand that this is somehow related to accessability of the web but shouldn't it be an option in the preference panel?
No other browsers behaves like this.
All Replies (9)
I was told that the following styles would fix the problem but it doesn't seem to work in FF 5.0
object:active, div:active { outline: none; }
object:focus, div:focus { outline: none; }
That only solves the problem on individual sites though. I want, as a user not a developer, to control this behavior at my end. I don't want any site to behave this way.
It just looks really weird.
You can set the pref browser.display.focus_ring_width to 0 on the about:config page.
To open the about:config page, type about:config in the location (address) bar and press the "Enter" key, just like you type the url of a website to open a website.
If you see a warning then you can confirm that you want to access that page.
You can use the Filter bar at to top of the about:config page to locate a pref more easily.
Amazing! Thank you.
This solution doesn't seem to work any longer in Firefox 6 (currently in beta). Do you have any idea on a way to disable it in the new version?
Yeah, hi. I want to bump this, but I suppose that there is no way to do so since this is not a message board. I want to second that setting browser.display.focus_ring_width to 0 does not work anymore nor do any of the given css commands. I am using 9.0.1. I have basically stopped using Firefox because of this. I am shocked that this remains unresolved.
I want to also point out that, for some reason, when I modify browser.display.focus_ring_width, it does not show up in troubleshooting information as a modified preference. I am not certain if this means that Firefox is unable to recognize that the preference has actually been modified.
There is a whitelist or preferences that is shown on the about:config and that pref isn't included in that list. Including all prefs that are user set on the Troubleshooting page would make it unmanageable and can compromise the user's privacy, so only some specific prefs are shown there.
From chrome://global/content/aboutSupport.js :
// We use a preferences whitelist to make sure we only show preferences that // are useful for support and won't compromise the user's privacy.
It did this and it worked for me. It requires the Stylish extension.
Create a new rule with this:
@namespace url(http://www.w3.org/1999/xhtml);
object, embed {
outline: none !important;
}
Links still have outlines around them, but thankfully Flash objects no longer do! Hurray!