Chrome Rounded Corner css？

Question

直升機我有一個CSS代碼是這樣的：

.rounded { 
    border-collapse:separate; 
    border:solid black 1px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
} 

我呼籲頁容器aspx頁面上：

<div runat="server" id="placeholder_5" class="sf_cols placeholder_5"> 
      <div runat="server" style="border-style: groove; border-width: medium; float: left; 
       width: 100%; margin: 0; background-color: #C0C0C0;" class="sf_colsOut rounded"> 
       <div runat="server" style="padding: 7px;" class="sf_colsIn"> 
        <asp:ContentPlaceHolder ID="placeholder_5_widget_0" runat="server" /> 

       </div> 
      </div> 
     </div> 

但是當我調試的網頁，只有火狐顯示圓角的鉻沒有改變的看法，我看看互聯網，並在鉻使用說：

-webkit-border-radius: 20px; 

有沒有解決方案？

Answer 1

鉻似乎工作正常。 http://jsfiddle.net/cjTYs/

.rounded { 
border-collapse:separate; 
border:solid black 1px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px; 
} 

您還在遇到任何問題嗎？