如何从 Internet Explorer 的宽按钮中删除锯齿状边缘？例如：
brad
问问题
1268 次
5 回答
5
您还可以通过在按钮上设置background-color和/或来消除 Windows XP 的按钮样式（以及所有其他 Windows 版本） border-color。
尝试以下样式：
background-color: black;
color: white;
border-color: red green blue yellow;
你当然可以让这更令人赏心悦目。但你明白我的意思:)
Stack Overflow 使用这种方法。
于 2008-09-29T20:56:22.977 回答
4
作为一种解决方法，您可以删除按钮两端的空白区域，这样可以减少锯齿状边缘。这是通过以下 css 和一些 jQuery 完成的：
input.button {
padding: 0 .25em;
width: 0; /* for IE only */
overflow: visible;
}
input.button[class] { /* IE ignores [class] */
width: auto;
}
$(function(){
$('input[type=button]').addClass('button');
});
jQuery 用于添加按钮类。可以在这里找到更深入的文章。
于 2008-09-29T20:42:20.857 回答
2
您可以使用 CSS 更改按钮的边框样式，如下所示：
/**************************************************************************
Nav Button format settings
**************************************************************************/
.navButtons
{
font-size: 9px;
font-family: Verdana, sans-serif;
width: 80;
height: 20;
position: relative;
border-style: solid;
border-width: 1;
}
于 2008-09-29T20:44:46.373 回答
2
设置overflow: visible;按钮将解决 IE 6 和 7 中的问题。
（见http://jehiah.cz/archive/button-width-in-ie）
例外
在 IE 6 中，如果
display:block;也应用于按钮，则上述修复将不起作用。在 IE 6 中将按钮设置为
display:inline;将使修复工作。如果您在表格单元格中有这样的按钮，那么表格单元格将不会收缩到新的较小宽度的按钮。
width: 0;您可以通过设置按钮在 IE 6 中解决此问题。但是，在 IE 7 中，这将使除按钮文本之外的所有内容都消失。（见http://latrine.dgx.cz/the-stretched-buttons-problem-in-ie）
有关样式按钮的更多信息：
于 2009-02-12T12:54:26.433 回答
1
你可以做的不多，但好消息是它已在 IE8 中修复
http://webbugtrack.blogspot.com/2007/08/bug-101-buttons-render-stretched-and.html
于 2008-09-30T00:16:09.987 回答