CSS rounded corners bug in Safari?

前端 未结 1 1868
清歌不尽
清歌不尽 2021-01-21 07:46

It seems that the CSS -rounded corners style works on some parts of my Stackexchange site(s) - SF Answers & Phonehow.com and not on others - It displays correctly in Chrome,

相关标签:
1条回答
  • 2021-01-21 08:03

    You can only use one value when using -webkit-border-radius. It appears that Chrome can handle more values at the moment, but Safari can't. See this post for a good explanation or have a look at MDC (hmm, it doesn't mention Chrome). Strangely enough I couldn't find something about this on webkit.org, but I only did a quick search.

    Use the long form properties instead for Safari (i.e. -webkit-border-top-left-radius et al.).

    0 讨论(0)
提交回复
热议问题