Css text color

I have this tag: <span style='color:blue; text-decoration: underline;'>.

It produces like in the attached; blue underline but text not blue.

Why is text not blue?

Thanks
not-blue.jpg
Richard KortsAsked:
Who is Participating?
 
GaryCommented:
The something must be overriding it e.g. using !important

If you add !important to the color does it work?
0
 
COBOLdinosaurCommented:
If the page has load time scripting then it is quite possible that the style has been hijacked by whatever plugin or theme is scripting the element.

You can try inspecting the element, but if it is getting modified with jquery you may not see accurate results.

Cd&
0
 
Richard KortsAuthor Commented:
!important does not work; I suspect the other css colors the <a link> differently; I will try adding color to the <a>
0
 
GaryCommented:
So there is an anchor tag in the span? Then it will have it's own color not inherited from the span but you could add an inherit

a {
color:inherit
}
0
 
Richard KortsAuthor Commented:
Adding this worked: <a href='#' style='color: blue;'

Of course I realize I didn't mention these were links, but issue solved.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.