[CSS] 모바일 a태그 터치영역 보이지 않게 처리하기

[CSS] 모바일 a태그 터치영역 보이지 않게 처리하기

모바일에서 a태그를 눌렀을 때, 터치영역이 보여서

앱이 아닌 웹페이지와 같은 느낌이 들 때가 있습니다.

<style>

a {

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

    -webkit-tap-highlight-color: transparent;

}

</style>

해당 코드를 html에 적절히 작성해주면

모바일에서 a태그를 살짝 혹은 길게 꾹 누르더라도 터치영역이 보이지 않습니다.

출처 : http://august5pm.tistory.com/26