This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Cuireadh an snáithe seo sa chartlann. Cuir ceist nua má tá cabhair uait.

Flash focus border deactivation difficulties

more options

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.

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)

more options

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.

more options

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.

Athraithe ag bozor ar

more options

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.

Athraithe ag bozor ar

more options

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.

more options

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!