Search code examples
cssimagehyperlinkvisited

hide visited link hilighting css

I've been making a site and on the header I have some .png images being used as buttons, my problem is when I open the site in ie9 the visited images have a purple outline. My question is how do I disable visited link highlighting on images or make it transparent so it doesnt come up.

Solution

  • If I don't want to show a link visited state I just set it the same as a the regular link state like so:

    a, a:visited {
    // my styles
}

    And then another rule for hover and focus:

    a:hover, a:focus {
    // my styles
}

    And another for active if required:

    a:active {
    // my styles
}

    If you have images that are getting a border on them as a link or visited link and you don't want this you should add the following to your css:

    img {
    border: 0;
}