How to add or remove dotted outline when focusing an element in CSS?

Question

Like photo above, how to remove the dotted outline when focusing to this element？

In other case, how to add this outline when focusing?

Answer

Remove

Add outline:none this styling.

Add

Solution is below:

a:focus {
  outline: dotted 1px;
}

Reference

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

---

This is the end of post