ios safari/chrome/firefox에서 클릭 한 링크의 회색 배경을 제거하십시오.

Question

Safari (또는 Chrome 또는 Firefox)에서 iOS 용 링크를 클릭 (터치)하면 회색 배경의 배경이 나타납니다). CSS를 사용하여이 기능을 제거 할 수있는 방법이 있습니까?

아래 예제 이미지를 참조하십시오

Answer 1

웹킷은 대한 특정 스타일의 호텔이 있습니다 -webkit-tap-highlight-color합니다. 당신이 링크와 CSS에 대해 이야기 할 때 정말 사파리 아이폰 OS에 대한 생각을하지,하지만

/* light blue at 80% opacity */ 
html { 
    -webkit-tap-highlight-color: rgba(201, 224, 253, 0.8); 
} 

/* change it for a div that has a similar background-color to the light blue tap color */ 
.blueDiv { 
    -webkit-tap-highlight-color: rgba(251, 185, 250, 0.9); 
} 

당신이 하이라이트

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