How to remove outline from all site elements?

Question

WordPress

Almost all wordpress templates, after installation, when clicking on elements, a dotted line is formed around the outline element.
I'm trying to remove it through css like this, but it still doesn't work everywhere...

a {
  outline: none;
  outline: none !important;
}

Tell me how to fix?

Answer 1

First, for the property to work correctly, you must have the CSS files properly included, in the correct hierarchy. That is, your key at the very end, the list of all connected. And removing the outline is not recommended, because you are depriving people with disabilities from using your site. Therefore, it is better not to remove it, but to make it transparent or not noticeable.