안드로이드 웹뷰에서 버튼을 클릭할 때 사각형 영역이 표시되는 현상을 막는 방법


안드로이드 앱 개발을 하면서 웹뷰를 사용하는 경우가 적지 않게 있습니다. 작성한 웹 페이지나 인터넷 상의 어는 페이지를 웹뷰를 이용해서 보여줄 수가 있는데, 이때, 버튼을 클릭할 경우, 이 버튼을 둘러싼 사각형 영역이 파란색으로 표시되는 경우가 있습니다.

이런 현상이 나타나지 않도록 하기 위해서는 css 에 아래와 같은 내용을 추가하면 됩니다.

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

예를 들어 body 전체에 적용하기 위해선

css 를

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

위와 같이 처리해주면 된다.

내가 만든 페이지가 아닌 다른 웹페이지에 적용 시키는 방법으로는 웹뷰에

webview.setFocusableInTouchMode(false); 를 적용 시킬 수 있는데

이 방법은 input 창에 클릭해도 keyboard 가 올라오지 않는다는 문제가 있다.


답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다