how to remove the dotted line around the clicked a element in html

Solution 1:

Use outline:none to anchor tag class

Solution 2:

Like @Lo Juego said, read the article

a, a:active, a:focus {
   outline: none;
}

Solution 3:

a {
    outline: 0;
  }

But read this before change it:

removing-the-dotted-outline

Solution 4:

Try with !important in css.

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!