为什么在ASP.Net中，文本框边框的上部和左侧都有黑色掉色

Question

我正在ASP.Net上工作，在textbox边框的上侧和左侧总是出现黑色的阴影。即使当我更改边框颜色时，它也会出现。我要删除这种黑色。

这是两个textbox。如您所见，黑色：

  

文本框代码为：

<asp:TextBox ID="TextBox4" runat="server" TextMode="Password" Width="241px" CssClass="newStyle3 textboxcurve" Height="32px"></asp:TextBox>

和CSS是：

.textboxcurve {
    -webkit-border-radius: 2000px;
}

.newStyle3 {
    font-family: "Century Schoolbook";
}

Answer 1

要删除TextBox的边框，可以将BorderStyle设置为“ None”：

<asp:TextBox ID="TextBox1" runat="server" BorderStyle="None"></asp:TextBox>

如果您想有圆角，可以使用CSS border-radius属性。最终代码如下：

 <style>
    .RoundedCorner {
        border-radius: 25px;
        background: #73AD21;
        width: 200px;
        height: 25px; 
    }
</style>
<asp:TextBox ID="TextBox1" runat="server" BorderStyle="None" CssClass="RoundedCorner"></asp:TextBox>