How do you make HTML text change color depending on the background?

Answer 1

To change link colors in HTML, you need to make a reference to them in your style sheet (or your internal styles). The references you need to use are:

a:link
a:visited
a:hover
a:active

Simply add these to your style sheet like so:

a:link {
color: #CCCCCC;
}
a:visited {
color: #CCCCCC;
text-decoration: none;
}
a:hover {
color: #999999;
}

Also, adding "text-decoration: none;" will remove the default underline from links.

If you are trying to style multiple links within one page, that is also easy. You simply need to create a new link class, and apply that class to your links that you wish to display differently. Here are the styles:

a.footer:link {
color: #FFFFFF;
}
a.footer:visited {
color: #FFFFFF;
}
a:hover {
color: #999999;
}

And the link should look like this:
Test

Answer 2

you have to use javascript; check the linked page.