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

Question

I found that if there is a a link in the page which does not link to a new page,then when user click it,there will be a dotted line around the element,it will o

Answer 1

Try with !important in css.

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

Answer 2

Removing outline will harm accessibility of a website.Therefore i just leave that there but make it invisible.

a {
   outline: transparent;
}