Safari中的CSS圆角错误？

Question

似乎CSS -rounded角落样式适用于我的Stackexchange网站的某些部分--SF Answers和Phonehow.com而不是其他部分 - 它在Chrome中正确显示，但在Safari中无法显示..我不确定这是否是Safari bug，或者我遗漏的东西。 导航栏在所有浏览器中使用圆角样式，但选项卡（活动，特色，热，周，月）在Safari中仍然是正方形。 我的同伴很少检查出来，而且他们被卡住了，所以我想我会在这里问这个问题。 谢谢

这是我的代码：

#tabs a.youarehere, #tabs a:hover, .jtabs .tabsul li:hover, .jtabs .tabsul li.ui-tabs-selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:1px;
color:#264a6f;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;

Answer 1

使用-webkit-border-radius时，只能使用一个值 。 Chrome似乎可以处理更多值，但Safari无法处理。 看到这篇文章有一个很好的解释或看看MDC （嗯，它没有提到Chrome）。 奇怪的是，我在webkit.org上找不到这个，但我只是做了一个快速搜索。

使用长格式属性代替Safari（即-webkit-border-top-left-radius等）。