:focus-visible {
    background-color: red;
}
<p>[사용자가 키보드 Tab 탐색처럼 포커스했을 경우에만 적용되는 :focus-visible]</p>
<button>button</button>
<a href="">a</a>
<div tabindex="0">tabindex="0"</div>

<p>[사용자가 키보드 Tab 탐색 뿐만 아니라 마우스로 클릭해 입력하거나 선택할 때에도 적용되는 :focus-visible]</p>
<input type="text">
<select>
    <option>option</option>
</select>
<textarea>textarea</textarea>
실제 적용된 모습 확인하기
:focus-visible {
    /* ... */
}