Question

我正在使用GWT 2.3来创建Web应用程序。在网页中，我有一个提交按钮。我没有为这个按钮创建任何css属性。在Google Chrome和Firefox中，按钮的大小只是按钮文本的大小。但是，在IE8中，大小更大，在按钮文本之前和之后有一些空格。有没有人知道我该怎么办？由于我需要支持国际化，因此不同语言环境的按钮文本是不同的。

我已尝试使用width:auto;按钮，但它不起作用。

提前致谢!!

Answer 1

啊，这是一个老人，但是很好。

基本上，IE sucks at rendering buttons并且您必须添加此CSS来修复它：

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

有关详细信息，请参阅上面的链接。

Answer 2

一般情况下（不仅仅适用于GWT），不仅在浏览器之间，而且在操作系统之间，按钮的呈现方式也大不相同 - 尤其是它们在Mac OSX上看起来完全不同。看看这个网站，它还有一些围绕按钮问题的好解决方案：http://particletree.com/features/rediscovering-the-button-element/

因此，如果您需要跨浏览器/操作系统的确切尺寸（可能是一致的外观），我认为最好不要使用原生按钮样式，而是完全自定义按钮的样式。（这在现代网站上很常见，例如我认为stackoverflow.com上根本没有任何原生样式按钮。）

Answer 3

将Anchor与不同的背景图片一起用于各种状态（链接，活动，悬停，访问）。

IE8中按钮的大小大于Google Chrome和Firefox中的大小

3 个答案: