Unwanted dotted border around links.

  • adhdcelt

    (@adhdcelt)


    11 years ago

    I have a localhost WAMP Server installation on my machine at home.
    I have a site underway that works except for this problem.

    Let’s say I click on a link in the menu bar, or in the sidebar, or in the header, etc. that takes me to another page.

    Then, I go up to the top left of Firefox Browser and click on the “Back” arrow that takes me back to that page.

    When I do that, a 1px dotted border shows up around the last link I clicked on. Also, this dotted border takes on the color of the text in the link as well as the “hover” color of the link.

    And, in the top menu bar, the left side of the border shows up in “front” of the menu bar, and the right side of the border shows up “behind” the menu bar.

    How weird….

    I have checked all border settings in the style.css file, and there is no border setting that has a complete dotted border. And, I don’t know when this started happening, but it is fairly recent, as I have been working on the site daily.

    Any help here would be greatly appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • caefavsvs

    (@awa4000)

    This border is an accessibility thing Firefox does with outline instead of border. You can remove it with:

    a {
   outline: 0;
}

    More info by Coyier as well as why it’s important to replace the dotted style with other accessible designs at https://css-tricks.com/removing-the-dotted-outline/

    Thread Starter adhdcelt

    (@adhdcelt)

    Thanks so much, awa4000.
    It would have taken me years to figure that out :>)).
    I’ll get right on it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Unwanted dotted border around links.’ is closed to new replies.