Firefox : CSS : 버튼 집중시 스타일 변경

Question

remove the extra Firefox-specific spacing from <button> tags 일 수 있습니다. 유일한 단점은 키보드의 버튼에 집중할 때 윤곽선이 누락된다는 것입니다.

난 아주 많이 크롬, IE8, 파이어 폭스에서 내 버튼을 일관성있게하고 싶습니다. CSS :hover을 사용할 수 있다면 버튼을 Firefox의 간격과 윤곽선을 제거하는 스타일과 동일한 스타일로 쉽게 나타낼 수 있습니다.

자바 스크립트없이이 작업을 수행 할 수있는 방법이 있습니까? 다른 브라우저가 규칙을 무시하는지 상관하지 않습니다. 실제로 나는 다른 브라우저에서 일어나지 않을 것이라는 점을 확신 할 수 있기 때문에 :-moz-focused을 선호합니다. 크롬 스타일의 외부 빛이 파이어 폭스에서 수행 할 수있는 경우에도

, 그 배 좋은 것입니다.

Answer 1

사실, :focus 선택,있다. 그게 네가 필요로하는 것이 아닌가? 강조 표시 한 개 이상의 요소와 바람하는 클릭과 탭의 오른쪽 조합 (활성, 다른 하나는 집중)으로 가능하지만

a:hover, a:active, a:focus { 
    border: 1px dotted #f00; 
} 

나는 꽤 괜찮은 결과로 이런 짓을했습니다. 마우스를 올리거나 활성 상태와 초점을 시각적으로 구분할 수는 있지만 일반적인 사용에서는 문제가되지 않습니다.

또한 :focus가 IE8에서 지원 9 개 있지만 이전 버전되어 있습니다. (quirksmode.org의 도표는 8에서 작동하지 않는 것으로 보이지만 그렇지 않은 경우에는 테스트 결과가 표시됩니다.)

Answer 2

CSS는 :hover처럼 작동이 목적에 대한 :focus 선택을 가지고 있지만 포커스가있는 요소에 적용됩니다. Firefox 전용 버전은없는 것 같습니다.