프론트엔드
[CSS] 화면 클릭 시 생기는 파란 배경색 없애기
seomoon
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