Menu
There are many css-samples for styling color of links.
html5boilerplate.com offers such css code for link:
a { color: #00e; } a:visited { color: #551a8b; } a:hover { color: #06e; } Is it good enough for most cases?
Or maybe better css-code exist for styling color of links?
539
Shades of blue provide the strongest signal for links, but other colors work almost as well. As always, when using color to signal information, you should provide redundant cues for color-blind users. Making unvisited links brighter and more luminous than visited links will usually accomplish this goal.
There has been a long path of visual elements used to denote hyperlinks, and the color blue is just one of many elements that have come to represent a hyperlink.
That's definitely will suffice in vast majority of cases.
Just keep in mind that the correct order of styles for links is:
a:link { color: #c00 } /* unvisited links */ a:visited { color: #0c0 } /* visited links */ a:hover, a:focus { color: #00c } /* user hovers, or focus */ a:active { color: #ccc } /* active links */ The outline might look "ugly" for you, but that's a very important accessibility feature. If you remove that - please take care of providing an alternative way to properly distinguish the current element (bigger/bolder font, high contrast background etc.)
174
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
