자바 스크립트를 통해 브라우저의 포커스 테두리 제거 또는 비활성화

자바 스크립트를 통해 브라우저의 포커스 테두리 제거 또는 비활성화

---

tabindex 순서에 포커스가있는 경우 dom 요소의 (대부분의 브라우저에서) 파선 테두리를 비활성화하거나 조작하는 방법을 아는 사람이 있습니까?

집중된 요소에 대해 나만의 스타일을 만들고 싶지만 tabindex를 사용하면 keydown 이벤트를 dom 요소에 바인딩 할 수 있기 때문에 기존 기능을 사용하는 것이 좋습니다.

---

원하는 요소에 대한 CSS 규칙을 만드십시오. outline:none;

---

CSS 트릭 :

:focus { outline: none; }

---

Firefox 53.0에서 제안 된 솔루션 중 하나를 사용하여 개요를 비활성화하면 Firefox가 기본 솔루션을 표시합니다.

그러나 빈 색상을 사용하면 윤곽선이 숨겨져 있음을 감지하지 못합니다.

input:focus{
   outline: 1px solid rgba(255,255,255,1);
}

---

a {
outline: 0;
}

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

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

---

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

---

:focus state- 윤곽 속성 을 0px 단색 투명으로 설정합니다 .

---

$(function() {
     $('a').click(function() { $(this).blur(); });
     $('input').click(function() { $(this).blur(); });
});

CSS 비활성화 포커스를 사용하지 마십시오 : http://outlinenone.com/ 이것은 다른 사용자를 사용합니다.

---

jQuery를 사용하여 할 수 있습니다.

$("#nav li a").focus(function(){
  $(this).blur();
});

참고 URL : https://stackoverflow.com/questions/3015523/remove-or-disable-focus-border-of-browser-via-javascript