요소에 초점이 맞춰지면 파이어 폭스는 해당 요소가 현재 초점을 맞추고 있음을 보여주기 위해 자동으로 점선으로 표시합니다.
이것은 키보드로 웹 페이지를 탐색 할 때 유용하고 유용성을 크게 향상시킵니다.
그러나 그것은 또한 추악한 것처럼 보이며 마우스를 사용하여 웹을 탐색 할 때 어떤 것도 나타나지 않도록하고 싶습니다.
CSS를 사용하여 이러한 개요를 비활성화하는 방법에 대한 웹에는 이미 많은 질문과 답변이 있으며 그 대답은 종종
:focus {outline:none;}
::-moz-focus-inner {border:0;}
그러나 간단한 브라우저 설정을 변경 하여 CSS를 편집 할 수있는 페이지뿐만 아니라이 점선 윤곽선을 모두 비활성화하고 싶습니다 .
답변:
CSS를 편집하거나 브라우저 확장을 설치하지 않고 Firefox가 키보드 포커스에 사용하는 점선 윤곽선을 비활성화 할 수 있습니다.
브라우저의 URL 표시 줄로 이동하여 입력 about:config하고 Enter를 누르십시오. 그러면 고급 설정 변경에 대해 경고하는 페이지가 열립니다. 경고를 확인한 다음 "focus_ring_width"설정을 검색하십시오. 검색 필드에 "초점"또는 "링"을 입력하면 일치하는 설정 목록이 표시됩니다.
설정을 찾아서 browser.display.focus_ring_width값을 0으로 설정하십시오. (기본값은 1입니다. 값이 높을수록 점선 윤곽이 두꺼워집니다.) 설정을 종료하기 전에 웹 페이지 (다른 탭 또는 창)에서 설정을 테스트 할 수 있습니다 about:config.
브라우저 자체의 포커스 표시기 만 비활성화됩니다. :focus웹 페이지에 링크 된 CSS에 정의 된 스타일 규칙을 비활성화 할 수는 없습니다 (단, 질문이 아닙니다).
Greasemonkey 를 사용하여 모든 페이지에서 CSS를 변경할 수 있습니다 .
이 CSS를 Greasemonkey 스크립틀릿에 통합하여 추가 할 수 있습니다.
튜토리얼을 포함 하여 Greasemonkey 사이트 에서 더 많은 정보를 찾을 수 있습니다 .