Hiho! Long time with no posts huh? :)
Well, I’m back to post some tips!
You always hated these borders that Mozilla, Chrome or any other browser create when you click in some link?
Here is the solution:
a {
outline: none;
}
Powered by WordPress
Not great for accessibility. At the very least, make sure you put it back on focus, for keyboard navigation:
a:focus { outline: 1px dotted; }
See here for more info:
http://webaim.org/blog/plague-of-outline-0/
http://www.dawnbudge.co.uk/index.php/2009/08/get-some-focus-css-outline/
I agree with you, but in some cases, we doesn’t need or want those lines, for example, when using image as link.
We can make some other effect/animation when the focus changes to a link. :)
Very thanks for the info and links! :)