Remove the dotted outline focus on links
Sometimes with site design in mind you need to remove the dotted outline focus box on some links. I do this normally for only a subset of links as the focus box just bugs me in terms of a sites look and feel.
At any rate this can be achieved in your CSS file for most browsers with the following two lines :-
Show Plain TextCSS code
- a:focus, a:active {
- outline: none;
- -moz-outline: none;
- }
Like normal IE is a pain and requires the hidefocus attribute to be set to true :-
Show Plain TextI have set these properties on the Show Plain Text links on the code blocks.
On a different topic but I'll list if for reference, to remove the blue border on image links :-
Show Plain TextCSS code
- img {
- border-style: none;
- }
