E. Nunn E. Nunn -4 years ago 115
CSS Question

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 a link inside it?

This image shows the word "photography", which has a dotted border when clicked on.

The basics behind this is just a dropdown, that appears when that section is clicked on, which works absolutely fine, i just cannot stand that border, does my nut in.

Any ideas?

Answer Source

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;
}
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download