Custom Firefox Styles

Customized Firefox Styles

You can define your own styles in Firefox by renaming the following file (Windows users):

C:\Documents and Settings\<USERNAME>\Application Data\Mozilla\Firefox\Profiles\<PROFILENAME>\chrome\userContent-example.css

to "userContent.css"

Voila Now you simply define custom styles. For example, say you want to add a dotted red border to all your links. You would add the following code to userContent.css:

a:link { border: 1px dotted red !important }

Code Explained

The !important declaration (not supported in IE - but this is for Firefox anyways) will tell this statement to take priority, even over declarations following it, which would otherwise override our declaration.