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

Html 如何阻止IE创建像素化按钮?,html,css,internet-explorer,Html,Css,Internet Explorer,我知道我以前遇到过这个问题,但出于某种原因IE决定对我的提交按钮进行像素化 有人知道如何解决这个问题吗?像素化通常只出现在IE6和IE7中,就像它在IE8中被修复一样: 诀窍是将CSS应用于按钮 /* Apply CSS class "button" to your input buttons */ .button{ width:auto; /* fix stretching in IE for 16-20 char buttons */ overflow:visible; /* fi

我知道我以前遇到过这个问题,但出于某种原因IE决定对我的提交按钮进行像素化


有人知道如何解决这个问题吗?

像素化通常只出现在IE6和IE7中,就像它在IE8中被修复一样:

诀窍是将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个字符…取决于字体系列和大小)


像素化通常发生在IE6和IE7中,因为它在IE8中是固定的:

诀窍是将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个字符…取决于字体系列和大小)


您有我们可以查看的示例页面吗?我随时准备迎接挑战!你有我们可以浏览的样本页面吗?我随时准备迎接挑战!