Question

我知道我之前遇到过这个问题，但由于某种原因，IE决定将我的提交按钮设为像素化。

有谁知道如何解决这个问题？

Answer 1

像素化通常发生在IE6和IE7中，因为它在IE8中得到修复： Bug 101

诀窍是将CSS应用于按钮......

/* Apply CSS class "button" to your input buttons */
.button{
  width:auto; /* fix stretching in IE for 16-20 char buttons */
  overflow:visible; /* fix stretching in IE for 16-20 char buttons */
  padding-left:4px; /* force sensible padding in IE */
  padding-right:4px; /* force sensible padding in IE */
}

这并非解决所有内容，但它确实可以最大限度地减少影响。

以下屏幕截图显示所有按钮（应用了样式）具有“可敬的”填充（例如，它不会疯狂地增长）。还要注意，在某些时候按钮仍然会失败并且像素化......但是你可以在它们失败之前挤出更多的字符。（最多25个字符而不是19个字符取决于字体系列和大小）

IE Button stretch partial fix http://img523.imageshack.us/img523/3990/iebuttons.png

如何阻止IE创建像素化按钮？

1 个答案: