In some special cases, such as a navigation menu, the effect is very bad, because Firefox will incorrectly enlarge the border of the link:
In the Firefox address bar, enter About:config, carriage return. There is a configuration item called "Browser.display.focus_ring_width", which is modified to 0 and does not appear when you click on the link. But in this case, there is no border indication when the focus falls on the button. And as a developer, setting this property in a browser is nothing more than a self-deception.
This is actually the outline attribute that Firefox adds to it when the <a> tag is in the Focus state (pseudo Selector-a:focus).
The correct solution is to add a rule to the CSS:
A
Outline:none;
}
or narrow the scope:
A:focus {
Outline:none;
}
The latter allows the left mouse button to be pressed on the link, which will still show the dotted line of the outline in the period before the release.
In most of the sites I've seen, this rule is written in CSS. Perhaps Firefox should consider removing this default outline.
