Question

似乎CSS -rounded角落样式适用于我的Stackexchange网站的某些部分 - SF Answers＆amp; Phonehow.com而非其他人 - 它在Chrome中正确显示，但在Safari中无法显示..我不确定这是Safari错误，还是我遗漏的内容。导航栏在所有浏览器中使用圆角样式，但选项卡（活动，特色，热，周，月）在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无法处理。有关详细说明，请参阅this post或查看MDC（嗯，它没有提及Chrome）。奇怪的是，我在webkit.org上找不到这个，但我只是快速搜索了一下。

使用long form properties代替Safari（即-webkit-border-top-left-radius等）。

Safari中的CSS圆角错误？

1 个答案: