c# - 铬圆角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 没有改变视图，我查看互联网，并在 chrome 上使用：

 -webkit-border-radius: 20px;

有什么解决办法吗？

Answer 1

Chrome 似乎工作正常。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;
}

您仍然遇到任何问题吗？