이를 스타일 시트에 추가 class="no_highlights"
하고이 클래스를 적용하려는 요소에 속성을 추가하기 만하면 됩니다.
no_highlights{
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
또는 클래스 이름을 제거하고이를 수행하여 모든 요소에 대해 전역 적으로이를 수행 할 수 있습니다.
button,
textarea,
input,
select,
a{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
감사합니다 :) 어쨌든. 파란색 테두리는 접근성 기능으로 있습니다. 보기에는 좋지 않지만 가장 필요한 사람에게 도움이됩니다.
-webkit-tap-highlight-color: transparent;
괜찮습니다.