3px border-radius在IE和其他浏览器中具有不同的外观

Question

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

input {
    border:1px solid #ccc;

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

IE中的半径较小：

​

​

我该如何解决这个问题？

Answer 1

将IE特定值更改1px，

边界半径: 4px；(而不是3px)

Answer 2

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

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