keeping the color white although it is clicked

<style>
a:link {text-decoration:none; font-size:13px; font-weight:100; color:9595ff}
a:visited {text-decoration:none; font-size:13px; font-weight:100; color:black}
a:hover {text-decoration:underline; color:ff0000}

a.blue_box{
display:inline-block;
background-color:00ccff;
border: 1px solid 000000;
color:white;
}
</style>

<a href='test.html' class='blue_box'>test</a>

I designated the color of test in the blue box link white.
But after I once click the link, it becomes black.

How can I keep it white without changing of visited color "black" although it is clicked?

add this somewhere below a:visited:

a.blue_box:visited{color:white}

the reason it changing to black is that the only :visited the sheet have says that all visited anchors should be black

As a start off, use the hex for colours on all colour specifications - like #000 is black.

try:


a.blue_box:visited{
display:inline-block;
background-color:00ccff;
border: 1px solid 000000;
color:#000;
}


a:visited:.blue_box{
display:inline-block;
background-color:00ccff;
border: 1px solid 000000;
color:#000;
}


one should work but can't rember the order of them. :o

he he change my #000 to #fff
man I'm off tonight

it doesn't matter cause css support all the color names


and when specifying you must always order it:
tag.nameOfTag:state

it doesn't matter cause css support all the color names

yes, but I prefer using the hex as it's more widely used I find.