root 속성 (-webkit-tap-highlight-color: transparent;)

김종민·2023년 7월 6일
0

html / css

목록 보기
7/28
post-thumbnail

root 속성에 들어가는 요소중 생소한 것들이 있어
공부할 겸 정리해둘 겸 작성해보려 한다!

root 속성정리

 	root{
	👉 -webkit-tap-highlight-color: transparent; 👈
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    tab-size: 4
    }


-webkit-tap-highlight-color: transparent;

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

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

✅예시1

-webkit-tap-highlight-color: unset;

기본

✅예시2

터치 및 꾹 눌렀을 때



✅예시3

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

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


css 제거

-webkit-tap-highlight-color:transparendt;

안드로이드 일 경우

outline: none;
-webkit-tap-highlight-color: rgba(0,0,0,0); 속성 추가

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

profile
웹 퍼블리셔의 코딩 일기

0개의 댓글