为什么在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>