Dotted Border Around Link?

After having read all dotted border questions possible, and not having found an answer, I write my question below. How do i remove the dotted border around the div when i click on

Solution 1:

That's the focus state. Try to add this:

a:focus {
  outline: none;
}

Or if that element isn't a real link, but for example just an li, make that

li:focus {
  outline: none;
}

Solution 2:

You can use below css property.

a, a:hover, a:active, a:focus {
    outline: 0;
}

Please read this article - https://css-tricks.com/removing-the-dotted-outline/ and http://www.outlinenone.com/ for more clarification