css javascript links

Question

This should be very simple, but its not working!

I have this link on my page;

<a class='action' href='javascript:void(0)' OnClick='run()'> run </a>

And then this css

.action {
    color: #e17009;
    text-decoration: underline;
    font-size: 80%;
}

For some reason it just shows up black, i can change the size etc.. but the colour doesnt work?

This link is generated with some jquery, and is refreshed, but don think that would make any differance?

Use firebug. Or other similar tools, such as Chrome's Developer Tools. Even IE has something similar, I think you press F12 to get it. — Felix
– Felix, Commented Mar 11, 2011 at 13:16

Kalessin · Accepted Answer · 2011-03-11 13:13:59Z

1

Your color declaration is being ignored because of a previous directive, or overwritten by a later one. Try changing the selector to the more explicit a.action or using color: #e17009 !important;. If that doesn't work, view the parsed CSS values using Firebug.

answered Mar 11, 2011 at 13:13

Kalessin

2,3022 gold badges22 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Šime Vidas Over a year ago

@Lunar Don't use !important. Use the Chrome dev tools to find out which CSS rule is overwriting the .action rule's color property.

Réjôme · Accepted Answer · 2011-03-11 13:13:24Z

1

Try refreshing your local css cache (CTRL+F5). If still not working, inspect your link with Firebug : what is css class making the link color black ?

answered Mar 11, 2011 at 13:13

Réjôme

1,4833 gold badges16 silver badges25 bronze badges

Comments

jAndy · Accepted Answer · 2011-03-11 13:13:04Z

0

I don't know why this is jQuery tagged, but your anchor should look like:

<a class='action' href='#' OnClick='run();return false;'> run </a>

answered Mar 11, 2011 at 13:13

jAndy

237k57 gold badges313 silver badges363 bronze badges

Comments

Mike C · Accepted Answer · 2011-03-11 13:16:53Z

0

I agree with Réjôme, use Firebug - I suspect that, following loading this css, you are loading another file that is overriding the anchor color. Firebug will make it clear where the color is coming from.

answered Mar 11, 2011 at 13:16

Mike C

3,11725 silver badges31 bronze badges

Collectives™ on Stack Overflow

css javascript links

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related