Firefox blocking Link recoloring. How to bypass?

Simple issue. I just want to add some custom color'd text links but Firefox seems to squash those attempts when it works on most other browsers.

I simply want to be able to customize the normal, active, visited and hover links color to suit the page I'm designing. Firefox doesn't seem to let me change it from the defaults (blue, etc) with the tags like these:
alink="color" in the body tag (HTML) or CSS things like a:link {color: #color; text-decoration: underlined; }...


I assume there's an alternative way that works that isn't too complicated for my n00by self and that I can just copy past in somewhere. XP

 

try just using "a {color: whatever}"

 

No dice. They're still the default colors in Firefox.

 

I can change everything about the linked text EXCEPT color. I can change the underline/overline options, sizes, etc just not color.

Stupid Firefox. There has to be a way around this.

HELP!

 

Not necessarily, they could've coded it to ignore that specific change.

 

Blue links really screw up the look and it's already got too many graphics (56k warning!) so I really don't want to have to use more graphical buttons. XP

I've been able to surpass the defaults of IE and Firefox in the past on a few issues using (often) supplied tricks. Someone who's a genius HELP ME! lul


EDIT: Heck it does it in your sig with the differently colored links yet for some reason when I use the same code (as far as I can tell) it still doesn't work.


EDIT 2: NEW INFO!
Apparently TEXT recoloring works however this limits the amount of possible colors I can use greatly. For some reason Firefox won't seem to let hexi-code work.

EDIT 3: Moar Boars!
I kinda got it working using a workaround. Still trying to change some aspects of it like underline color.

 

Make sure that you're using this:

#mydiv a {
color: #0000ff;
}

Code (markup):

Rather than this:

#mydiv {
color: #0000ff;
}

Code (markup):

They're completely different things.

 

EDIT: Disregard this post. I got it working after messing with several lines of code. I don't know exactly how but I'm not going to risk it and just leave it as is. XP

Arg!

I almost got it working. I got the colors changed including the underline with a combo of CSS and HTML tags working together however the CSS is making my page bug out. When I go over a linked graphic button it makes the buttons shift out of position skewing the whole page. I'm pretty sure I know which line of code is causing the problems but don't know how to fix it.


The Bolded Line is the line causing problems with all the links but at the same time it's the only way I could find that would force a recolor of the underline in firefox.

}

a:link {
color: #9e5f38;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #9e5f38;
}
a:hover {
text-decoration: underline;
color: #9e5f38;
border-bottom:1px solid #9e5f38;


}
a:active {
text-decoration: none;
color: #9e5f38;
}



Is there an alternative?

 

I've seen someone experiencing the same problem. Have a look at http://www.webdeveloper.com/forum/showthread.php?t=176878 as this should help you out.

 

I have to say I've not seen this problem - and I've just tested it on one of my sites:

a {text-decoration:underline;color:#f00}

turns my links and their underlines red (or any other colour you choose). Many of my sites have custom link colours and I've never seen this problem. Since changing link colour is a pretty common activity in web design, if this was a 'bug' I'm sure we'd all know about it.

It seems likely that the problem you're seeing is related either to additional inline CSS, or an error in the (or simply malformed) HTML. Can you show us the HTML line as well, or better still, point us to a page on the web displaying the problem?

Jon