Removing the grey outline
that Firefox adds to Flash content
Firefox
I like Mozilla Firefox very much, but release 3.6 has started adding an outline to Flash content when it is clicked on. This is quite unsightly if you use Flash for contact forms, navigation, or even your whole site.
As a sidenote, I use swfobject for embedding Flash files, which keeps everything nice and valid.
The Fix
Simply add this to your CSS file
object {
outline:none
}
The CSS still validates with this rule and it solves the issue. I’d love to hear if there is a better way however.
Now if only there were a way to get rid of Opera’s double-click-on Flash content issue…