CSS error rounded corners in Safari?

It seems that the style of CSS-surrounded corners works in some parts of my Stackexchange site - SF Answers and Phonehow.com , and not others - it displays correctly in Chrome, but not in Safari. I'm not sure if this is a Safari error, or something that I have been missing. The navigation bar uses the style of rounded corners in all browsers, but the tabs (active, favorites, hot, week, month) still remain square in Safari. I had few of my fellow coders checking this, and they were stuck, so I thought I was asking a question here. Thanks

Here is my code:

#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;
+3
source share
1

-webkit-border-radius . , Chrome , Safari . . MDC (, Chrome). , - webkit.org, .

Safari (.. -webkit-border-top-left-radius .).

+1

Source: https://habr.com/ru/post/1731916/


All Articles