html에서 클릭 한 요소 주변의 점선을 제거하는 방법

나는이있는 경우 발견 a새로운 페이지에 연결하지 않는 페이지에 링크 한 후 때 사용자를 클릭 한 요소 주위에 점선이있을 것, 그것은 단지 사라질 때 페이지의 다른 사용자가 클릭 아무것도 어떻게 이것을 제거하려면?

예:

요소 주위의 점선에 유의하십시오 Section 2.

outline:none태그 클래스를 고정하는 데 사용

@Lo Juego가 말한 것처럼 기사를 읽으십시오.

a, a:active, a:focus {
   outline: none;
}

a {
    outline: 0;
  }

그러나 변경하기 전에 이것을 읽으십시오.

점선 제거

와 시도 !important에서 css.

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

bootstrap테마의 윤곽선을 포함하여 점선이있는 모든 윤곽선을 제거합니다 .

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

참고 : 기본 CSS 앞에 부트 스트랩 CSS에 대한 링크 href를 추가해야 부트 스트랩이 스타일을 재정의하지 않습니다.

제거 outline하면 웹 사이트의 접근성에 해를 끼치므로 그냥 그대로두고 보이지 않게합니다.

a {
   outline: transparent;
}

제 경우에는 버튼이었고 분명히 버튼이있는 것은 Firefox에서만 문제가됩니다. 여기에서 솔루션을 찾았 습니다 .

button::-moz-focus-inner {
  border: 0;
}

코드 아래의 간단한 시도-

a{
outline: medium none !important;
}

행복하면 건배! 좋은 날