HTML5 | CSS3

[CSS3] -webkit-tap-highlight-color

서스포_PAR 2023. 3. 11. 15:39

 

 

 

 


 

 

 

 

 

모바일에서 발생된 푸른박스

 

📢 문제 발생!

모바일에서 a태그 클릭시 하이라이트 효과
꾹 눌렀을 때 또는 터치했을 때 영역 색상을 변경할 수 있다.



💻 지원하는 브라우저 

chrome1.0+, edge, poera 7.0+, safari 1.0+, samsung internet

 

 

 


 

💖 -webkit-tap-highlight-color 문법

 

-webkit-tap-highilght-color : unset; (기본)
-webkit-tap-highlight-color : transparent; (지우기)
-webkit-tap-highilght-color : 색상

 

 

 

🌱 안드로이드 인 경우

outline : none;
-webkit-tap-highilght-color : transparent;

 

🔊 a 태그 외 div에서는 css 적용이 안됩니다!