-
[CSS] 화면 클릭 시 생기는 파란 배경색 없애기프론트엔드 2022. 1. 9. 17:46
DOM 요소를 클릭했을 때 드래그한 것처럼 파란 배경색이 생기는 경우가 있다.
클릭했을 때 실제로 드래그가 되면서 생기는 경우도 있고,
tab-highlighting 때문에 생기는 경우도 있다.
드래그일 경우
user-select: none;tab-highlighting일 경우
-webkit-tap-highlight-color: transparent;위와 같이 설정해주면 해결된다.
https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
-webkit-tap-highlight-color - CSS: Cascading Style Sheets | MDN
-webkit-tap-highlight-color is a non-standard CSS property that sets the color of the highlight that appears over a link while it's being tapped. The highlighting indicates to the user that their tap is being successfully recognized, and indicates which e
developer.mozilla.org
'프론트엔드' 카테고리의 다른 글
[React] API 주소 환경변수로 분리하기 (개발서버/실서버) (feat.CRA, github-actions) (0) 2022.01.09 [React] React-Router-DOM 현재 선택된 메뉴 표시하기 (NavLink) (0) 2022.01.09 [Github Pages/깃헙페이지] gh-pages 브랜치가 아닌 다른 브랜치(main)로 배포하기 (0) 2022.01.03 [Github Pages/깃헙페이지] gh-pages 배포 시 favicon이 안 뜰 때 해결 방법 (0) 2022.01.03 [React] 이메일 전송 폼 만들기 - EmailJS (0) 2022.01.02