:active
changes the color but only while the user is still holding down the mouse.
for example:
black (click) > blue (release) > black
Instead, I need:
black (click) > blue (release) > blue
Is there a way to do this with CSS? Edit: I should mention that I don't want the browser to style visited links, so I can't use :visited
.
You could use a combination of the tabindex
attribute and :focus
selector to your anchor elements.
http://jsfiddle.net/dcNzt/
<a href="#" tabindex="1">Stays blue</a>
a {
color: black;
}
a:active {
color: blue;
}
a[tabindex]:focus {
color:blue;
outline: none;
}
Use :visited to set the color of links that have been visited.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With