Chrome Rounded Corner css?

Question

Helo У меня есть код 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> 

но когда я отладки веб-страниц, только Firefox показывает закругленный угол, Chrome не изменил вид, я смотрю через Интернет, а указанный на хромовом использовании:

-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; 
} 

Вы все еще испытываете какие-либо проблемы?