CSS谷歌浏览器中的圆角

Question

我想让我的左上角在所有浏览器中四舍五入。

我尝试这样做：

-webkit-border-top-left-radius: 9px; 

-moz-border-radius-topleft: 9px; 

border-top-left-radius: 9px; 

但它似乎并没有在谷歌Chrome浏览器进行工作。任何人都可以看到错误？我也确信它曾经工作...

Answer 1

将填充更改为5并回到0，它似乎再次工作...必须是缓存或什么，我不知道。

Answer 2

它应该工作：border-top-left-radius: 9px;

Answer 3

border-top-left-radius:9px; 

或

border-radius:9px 0 0; 

作品。如果不是这是你的CSS中的一个问题 - 可能是其他一些更具体的覆盖此规则的其他样式声明。

Answer 4

转到border-radus.com，它会为您生成css。如果这不起作用，那么CSS在其他地方被覆盖的可能性很大。