Flash focus border deactivation difficulties
Hello, I have been browsing these help boards and other websites looking for a way to deactivate the dotted line focus border. In particular, I would like to deactivate it for embedded flash content. I have set the border width to 0 in the about:config page. I have also made a userchrome file with pathname
/Users/[username]/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/userChrome.css
and contents
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
a:active {outline:none;} a:focus {-moz-outline-style:none;} a:visited {outline:none;}
object:active, div:active{outline: none;} object:focus, div:focus{-moz-outline-style: none;}
object { outline:none}
active, object:focus, embed:focus { outline: none; }
Some of the above is for buttons and links but I wanted to try absolutely every suggested method to remove the border that I could find. Still, some sites, for example newgrounds.com, still have an obnoxious dotted line border around embedded flash when the focus is placed thereupon.
Any and all help will be greatly appreciated.
Thank you.
All Replies (5)
Code to style websites needs to be in userContent.css and shouldn't have the @namespace line that is required in userChrome.css
You may also need to add the !important flag.
The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.
I believe that I followed all of the correct protocol you suggested above. Moreover, I have just added an "!important" flag to the end of each line (with the exception of the first) in the userChrome.css file. I still get the same border.
It is possible that one needs different code for this in version 9 as all of the examples given for removing the border were given over a year ago.
I am also confused about the fact that simply setting the focus width to 0 should eliminate the problem altogether. Doing this, however, appeared to have no effect at all.
Modified by bozor
Nothing seems to be working. I have resorted to using other browsers because of this problem. In particular, I have also been using Firefox 3.6 which doesn't have this problem, however suffers from poor flash playback on my computer.
Modified by bozor
I have found the excellent, if spartan, extension No dots 0.2.1.3 in the Firefox add-on and extension database:
https://addons.mozilla.org/en-US/firefox/addon/no-dotted-border/
Although this is a good solution for now, it seems like there is still something amiss in the current version of Firefox.
I think i just fixed this on my system. (I just upgraded from FF3.6 to FF12 and found this very annoying)...
I have the Stylish extension installed, and just wrote this rule:
Name: Diable Lame Focus Ring on Flash Objects
@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!