为什么在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 属性。最终代码如下：&nbsp;<style>&nbsp; &nbsp; .RoundedCorner {&nbsp; &nbsp; &nbsp; &nbsp; border-radius: 25px;&nbsp; &nbsp; &nbsp; &nbsp; background: #73AD21;&nbsp; &nbsp; &nbsp; &nbsp; width: 200px;&nbsp; &nbsp; &nbsp; &nbsp; height: 25px;&nbsp;&nbsp; &nbsp; }</style><asp:TextBox ID="TextBox1" runat="server" BorderStyle="None" CssClass="RoundedCorner"></asp:TextBox>