[CSS] 모바일 터치 시 생기는 파란 박스 없애기, 드래그 복사 없애기

웹으로 모바일 화면 작업을 하다보면 내가 추가한 적도 없는 터치 효과가 생길 때가 있습니다. 터치 시 파란 박스가 생기는 걸 볼 수 있는데요, 다음과 같은 속성으로 해결할 수 있습니다. #btn{ -webkit-tap-highlight-color:transparent; } -webkit-tap-highlight-color 이 속성은 탭할 때 하이라이트 되는 색상을 지정해주는데, 파란색이 디폴트로 되어 있는 듯 합니다. 우리는 그 박스를 아예 안보이게 하고 싶으니 transparent 투명을 넣어주면 박스가 사라지는 걸 볼 수 있습니다. 다음은 커서로 드래그, 복사하는 기능을 없애는 속성입니다. body{ user-select: none; }
CSS 2021. 12. 24. 14:20
1