:focus-visible vs :focus khác nhau?

:focus trigger mọi lúc element nhận focus (cả mouse click). :focus-visible chỉ khi focus cần visible indicator (keyboard navigation).

Dùng :focus-visible cho focus rings: chỉ hiện khi dùng keyboard, không khi click.

:focus triggers whenever an element receives focus (including via mouse click). :focus-visible triggers only when the focus indicator needs to be visible (keyboard navigation).

Use :focus-visible for focus rings: show them for keyboard users, hide them for mouse clicks.