-moz-focus-inner

Question

또 다른 질문으로, 나는 정렬에 대해 물어 보니 파이어 폭스에 대한 질문에 대답하기 위해 나에게 주어졌다. 그것은 효과가 있었지만 입안에 신맛이 남아 있었고 그 이유를 설명 할 것입니다.

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

오페라 (예 10) (본 실시 예 3) 및 파이어 폭스 (예 7) 인터넷 익스플로러 모두 다르게 input[type="submit"] 버튼을 표시. 이 focus-inner 속성은 Opera 10의 경우 기본값 0이며 Firefox의 경우 5px와 같으며 Internet Explorer의 경우 6px 여야합니다.

어떻게 "0"으로 재설정 할 수 있습니까? 위의 작업을 수행 할뿐만 아니라 IE의 숨겨진 속성을 설정할 표준 CSS 호출이 있습니까?

Answer 1

이러한 현상이 발생하는 이유는 간단합니다. 모든 브라우저가 다른 사람들에 의해 만들어 졌기 때문입니다. Safari에서 버튼을 살펴보십시오. 모든 주요 브라우저의 모든 버튼이 똑같이 보이도록하는 CSS 규칙은 없습니다.

글쎄, 실제로는 픽셀 완전성을 달성 할 수 있습니다. 개인적으로 각 픽셀을 다루는 경우는 this입니다. 항상 <input type="image">을 사용할 수 있습니다.