使asp.net按钮控件的角变圆

Question

在我的自定义Webpart中，我使用了几个按钮，希望使它们的角变圆。

以下是我在ascx文件中的按钮之一：

 <style type="text/css">
   {
   .BtnStyle
   {
    border: thin ridge #FF0000; 
    background-color: #C0C0C0; 
    font-family: verdana; 
    font-size: 8pt; 
    font-weight: bold; 
    color: #FF0000;
    border-top-left-radius: 10px 5px; --- did not work 
    border-bottom-right-radius: 10% 5%; --did not work 
    border-top-right-radius: 10px; -- did not work 
    -moz-border-radius: 15px; --- did not work 
    -webkit-border-radius: 15px; --- did not work 
    border-radius: 15px; --- did not work and gives an error saying not a valid CSS property

}
}

<table width="500px">
<tr>
<td align="right"  >
<table width="60%">
<tr>
    <td  valign="middle" align="right">
        <asp:Button ID="bttn1" runat="server" onclick="bttn1_Click" 
            Text="Delete" CssClass="BtnStyle" />
    </td>

没事。 请向我提供CSS代码，以帮助我弄圆角。

Answer 1

正确的属性应为：

border-radius:15px;

您可以删除供应商前缀，因为所有现代浏览器现在都接受该标准。 我不知道为什么在您的情况下不起作用，但是我将检查输出以查看类是否存在或样式是否已删除。

您的编辑器无法识别CSS3属性，因此将其标记为无效。 这并不意味着它实际上是无效的，因为现代浏览器会对其进行解析。

还请记住，任何低于9的IE版本都不支持边界半径。 您可以使用http://css3pie.com/来使IE7和IE8支持它，但是我认为最好不要使用它，并为现代浏览器保留一些花哨的东西，除非客户要求。

编辑：您有太多花括号。 删除第一个和最后一个。 此外，您的样式标签未关闭。

Answer 2

您正在使用哪个浏览器？ ie9之前的IE版本不支持边界半径，因为该标记被视为高级CSS属性。