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

웹으로 모바일 화면 작업을 하다보면 내가 추가한 적도 없는 터치 효과가 생길 때가 있습니다. 터치 시 파란 박스가 생기는 걸 볼 수 있는데요, 다음과 같은 속성으로 해결할 수 있습니다.

#btn{
	-webkit-tap-highlight-color:transparent;
}

 

-webkit-tap-highlight-color 이 속성은 탭할 때 하이라이트 되는 색상을 지정해주는데, 파란색이 디폴트로 되어 있는 듯 합니다. 우리는 그 박스를 아예 안보이게 하고 싶으니 transparent 투명을 넣어주면 박스가 사라지는 걸 볼 수 있습니다.

---

다음은 커서로 드래그, 복사하는 기능을 없애는 속성입니다.

body{
    user-select: none;
}