[CSS] -webkit-tap-highlight-color 알아보기!

지원되는 브라우저

chrome1.0+, edge, opera7.0+, safari1.0+, samsung internet

 

모바일에서 a태그 클릭시 하이라이트 효과

꾹 눌렀을 때 또는 터치했을 때 영역 색상을 변경할 수 있다

 

-webkit-tap-highlight-color 문법

 

-webkit-tap-highlight-color : unset; 

-webkit-tap-highlight-color : 색상; 

 

 

예시

-webkit-tap-highlight-color : unset; (기본)

 

 

터치 및 꾹 눌렀을 때

 

 

색상변경 후 터치 및 꾹 눌렀을 때

-webkit-tap-highlight-color : rgba(252, 213, 216. .8); 

 

 

css 제거

-webkit-tap-highlight-color : transparent;

 

안드로이드 일 경우

outline: none;

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

속성을 추가해줘야 함

 

a 태그 외 div에서는 css 적용안됨