Purple box appearing around links in IE only.

Question

I designed standard links from the index page to other pages. In Safari, they look fine, but in Internet Explorer there is a purple box that appears around the link once it is clicked. I cannot figure out why. Any help would be greatly appreciated.

Answer 1

Chris Mileski wrote:
in Internet Explorer there is a purple box that appears around the link once it is clicked.
This thread has been moved to the Dreamweaver General Discussion forum.
If you're referring to an outline surrounding a text link, it's known as a focus rectangle. The purpose is to assist disabled people, who often use the keyboard to navigate websites, to identify which link has the focus, or has been clicked.
It is possible to remove it by creating the following CSS style rule in your style sheet:
a {
    outline: none;
However, doing so makes your website less accessible to people with disabilities. Depending on the nature of the site and local laws in your country, this is often considered illegal under anti-discrimination law. A much better solution is to change the colour to one more in harmony with your site's colour scheme.
a:hover, a:active, a:focus {
    outline-color: #CCC;
Since this is your first visit to the forum, welcome. Please take a few moments to read How to get help quickly. As well as posting in the correct forum, it's a good idea to provide a link to a page showing an example of your problem. It makes it much easier for others to offer relevant help.