Firefox_Experience 교환에서 하이퍼링크를 클릭할 때 보기 흉하게 확장된 점선을 제거하는 방법

내비게이션 메뉴를 만들 때와 같은 일부 특수한 경우에는 Firefox가 실수로 링크의 테두리를 확장하기 때문에 효과가 매우 나쁠 수 있습니다.
Firefox 주소 표시줄에 about:config를 입력하고 자동차를 반환합니다. "browser.display.focus_ring_width"라는 구성 항목이 있습니다. 0으로 변경하면 링크를 클릭해도 테두리가 나타나지 않습니다. 하지만 이 경우 포커스가 버튼에 있을 때 테두리 표시가 없습니다. 그리고 개발자로서 브라우저에서 이 속성을 설정하는 것은 다른 사람을 속이는 것과 같습니다.
이것은 실제로 Firefox가 포커스에 있을 때 태그에 추가하는 개요 속성입니다(의사 선택기 - a:focus).
올바른 해결책은 CSS에 규칙을 추가하는 것입니다:
a {
outline: none
}
또는 범위를 좁힙니다:
a:focus {
outline: 없음 ;
}
후자는 마우스 버튼을 놓기 전까지 마우스 왼쪽 버튼을 눌렀을 때 점선 윤곽선이 계속 표시됩니다.
내가 본 대부분의 웹사이트에서는 이 규칙을 CSS로 작성하세요. 아마도 Firefox는 이 기본 개요를 제거하는 것을 고려해야 할 것입니다.