Tailwind에서 파란색 프레임을 지우는 방법
1284 단어 React자바스크립트TypeScripttailwindcss
발생하는 문제
Tailwind를 사용하면 버튼을 누를 때 파란색 테두리가 나옵니다.
설정하지 않아도 마음대로 나오므로 지우는 방법을 찾았습니다.
수정 방법
tailwind.css
아래의 코드를 주석 처리합니다.
수정 전
tailwind.cssbutton: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;
} */
끝에
이제 파란색 프레임이 사라졌습니다.
수수함에 신경이 쓰이므로, 사라져 좋았습니다!
Reference
이 문제에 관하여(Tailwind에서 파란색 프레임을 지우는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/daichi0713/items/c6e4927dde11d49a0f3d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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;
} */
끝에
이제 파란색 프레임이 사라졌습니다.
수수함에 신경이 쓰이므로, 사라져 좋았습니다!
Reference
이 문제에 관하여(Tailwind에서 파란색 프레임을 지우는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/daichi0713/items/c6e4927dde11d49a0f3d
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(Tailwind에서 파란색 프레임을 지우는 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/daichi0713/items/c6e4927dde11d49a0f3d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)