[CSS] Tab 키로 이동할 경우에만 Focus CSS가 적용되도록 하는 방법

:focus-visible 로 CSS Style을 아래와 같이 정의해주면 outline이 평소에는 보이지 않고
Tab키나 키보드 제어를 통해 이동하는 경우에만 커스텀해둔 outline이 나타난다.

/* FOCUS CSS ONLY  */
:focus-visible {
  /* Remove Default Focus Style */
  outline: none;
  /* Custon Focus Styles */
  outline-color: rgb(80, 150, 255);
  outline-style: solid;
  outline-width: 8px;
}

■ Stack Overflow