3px 边框半径在 IE 和其他浏览器中有不同的外观

【问题标题】：3px border-radius has different look in IE and other browsers3px 边框半径在 IE 和其他浏览器中有不同的外观
【发布时间】：2012-09-12 10:05:55
【问题描述】：

此 CSS 在最新浏览器中产生不同的结果：

input {
    border:1px solid #ccc;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

IE中的半径尺寸更小：

我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

据我所知，8.0 之前的 IE 版本不支持Border-radius。所以我使用了我创建的透明PNG 图像，而不是需要border-radius 的Div，它还解决了浏览器兼容性问题。

为 IE9 编辑：您可能正在使用quirks mode，这就是它不兼容的原因。

【讨论】：

【解决方案2】：

将IE特定值更改1px，

边框半径：4px；（而不是 3px）

【讨论】：