IE8의 버튼 크기가 Google Chrome 및 Firefox의 크기보다 크다

웹 응용 프로그램을 만들 때 GWT 2.3을 사용하고 있습니다. 웹 페이지에는 제출 버튼이 있습니다. 이 버튼에 대한 CSS 속성을 만들지 않았습니다. Chrome 및 Firefox에서 버튼의 크기는 버튼 텍스트의 크기에 불과합니다. 그러나 IE8에서는 크기가 커지고 버튼 텍스트 전후에 약간의 공백이 있습니다. 어떤 몸이라도 내가 어떻게해야하는지 알고 있습니까? 국제화를 지원해야하기 때문에 여러 로케일에 대한 버튼의 텍스트가 다릅니다.IE8의 버튼 크기가 Google Chrome 및 Firefox의 크기보다 크다

버튼에 대해 width:auto;을 시도했지만 작동하지 않습니다.

미리 감사드립니다.

출처

2011-08-08 NARU

버튼은 어디에 있습니까? 우리가 살아있는 예를 볼 수 있을까요? – Kyle

[CSS 재설정] (http://www.google.com/search?q=css+reset) –

아, 이것은 오래된 사람이지만 좋은 점입니다.

기본적으로 IE sucks at rendering buttons 당신은 그것을 해결하기 위해이 CSS를 추가 할 수 있습니다

.my_button { 
    /* optional */ 
    padding:0 .25em 0 .25em; 
    /* These two are required */ 
    width:auto; 
    overflow:visible; 
}

자세한 내용은 위의 링크를 참조하십시오.

출처

2011-08-08 08:44:09 OverZealous

브라우저가 "IE8 모드"가 아닌 경우 IE8에이 문제가 더 이상 존재하지 않습니다. 그렇다면 OP는 유효한 Doctype을 추가하거나 IE8이 "IE8 모드"가 아닌 이유를 알아 내야합니다. IE7 지원이 필요한 경우에도 대답의 수정 사항이 적용되어야합니다. – thirtydot

일반적으로 (GWT는 물론) 브라우저 사이뿐만 아니라 운영체제 사이에서도 버튼이 매우 다르게 렌더링됩니다. 특히 Mac OSX에서는 버튼이 완전히 다르게 보입니다. 이 사이트를 살펴보면 버튼 문제를 해결할 수있는 몇 가지 좋은 해결책이 있습니다. http://particletree.com/features/rediscovering-the-button-element/

브라우저/OS에서 정확한 크기 (그리고 일관성있는 모양)가 필요하다면이 도구를 사용하지 않는 것이 좋습니다. 네이티브 버튼 스타일은 물론 버튼 스타일을 완전히 사용자 정의 할 수 있습니다. (이것은 현대 웹 사이트에서 꽤 일반적입니다. 예를 들어 stackoverflow.com에 기본 스타일 버튼이 있다고 생각하지 않습니다.)

출처

2011-08-08 08:49:00

Anchor은 다양한 상태 (링크, 활성, 호버 , 방문).

출처

2011-08-08 09:02:10

IE8의 버튼 크기가 Google Chrome 및 Firefox의 크기보다 크다

답변

관련 문제