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在其他地方被覆蓋的可能性很大。