Question

我刚注意到，当使用下面的CSS时，我的地址链接被设置为按钮在IE9中没有正确显示半径：

a.btn {
    background: #F00;
    color:#333;
    font-size:12px;
    padding: 3px 4px 3px 4px;
    border:1px solid #444;
    border-radius:3px 3px 3px 3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    cursor:default;
}

CSS example

当我删除边框时：1px solid＃444;然后出现一个漂亮的弯曲边框。

这是IE的错误吗？在Firefox中一切都很好。别人看到过这样的东西？似乎只有在border-radius设置为较低值时才会发生。我知道这对事物的规模不是很重要，但我很想知道是否有人知道为什么半径不能正确显示。

Answer 1

它对我有用。使用

进行检查

border-radius: 20px;

http://jsfiddle.net/6Nr2n/1/

http://prntscr.com/2djxa

边框半径效果与IE9和实线边框

1 个答案: