[CSS] Use outline for focus style
October 03, 2023
The `outline` property is fit for the focus style:
- It always goes around all the sides
- It’s not part of the box modal, so it won’t affect the position of the element
It is often used for accessibility reasons, to emphasize a link when tabbed to without affecting positioning and in a different way than hover.
a:focus {
outline-width: 1px;
outline-style: dashed;
outline-color: red;
}Reference
https://css-tricks.com/almanac/properties/o/outline/