Avatar for Username

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

Flash focus border deactivation difficulties

bozor
bozor
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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.

bozor
bozor Mai mallakar tambaya
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.

An gyara daga bozor

bozor
bozor Mai mallakar tambaya
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.

An gyara daga bozor

bozor
bozor Mai mallakar tambaya
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.

JimbosSnackShack
JimbosSnackShack
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!