Tailwind에서 파란색 프레임을 지우는 방법

발생하는 문제



Tailwind를 사용하면 버튼을 누를 때 파란색 테두리가 나옵니다.
설정하지 않아도 마음대로 나오므로 지우는 방법을 찾았습니다.


수정 방법


tailwind.css 아래의 코드를 주석 처리합니다.

수정 전



tailwind.css
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

수정 후



tailwind.css
/* button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
} */

끝에



이제 파란색 프레임이 사라졌습니다.
수수함에 신경이 쓰이므로, 사라져 좋았습니다!

좋은 웹페이지 즐겨찾기