In some special cases, for example, when creating a navigation menu, the validity period may be very poor, because Firefox will incorrectly expand the border of the link:
Enter about: config in the address bar of Firefox, and press Enter. There is a configuration item called "browser. display. focus_ring_width", which is changed to 0. The border will not appear when you click the link. In this case, the border is not indicated when the focus falls on the button. As a developer, setting this attribute in a browser is nothing more than hiding your ears.
This is actually the outline attribute that Firefox adds to the label <A> when it is in the focus state (pseudo selector-A: Focus.
The correct solution is to add a rule to CSS:
A {
Outline: none;
}
Or narrow down the scope:
A: Focus {
Outline: none;
}
The latter causes the left mouse button to be pressed on the link, and the outline of the dotted line will still be displayed during this period of time.
Most of my websites write this rule in CSS. Maybe Firefox should consider removing the default outline.
