当用户单击文本框时，如何使用CSS更改文本框的边框颜色(ASP.NET)

ni65a41a 于 2023-01-14 发布在 .NET

关注(0)|答案(1)|浏览(124)

上午全部
虽然我可以通过CSS更改<asp:Textbox>的BorderColor，但我目前想知道为什么用户单击Textbox后这种尝试会失败（例如，默认的BorderColor仍然存在）。

<style type="text/css">

.txt{
    border: 1px solid;
    border-color:#cfd1d4;
}
.txt:hover{
    border: 1px solid;
    border-color: #cfd1d4;
}
.txt:focus{
    border: 1px solid;
    border-color: #cfd1d4;
}
</style>
...
        <body>
           <form id="form1" runat="server">
              <div>
                  <asp:TextBox id="_txt_did" placeholder="this is a test case" runat ="server" 
 Width="90%" Font-Size="14px" Font-Italic="true" CssClass ="txt"></asp:TextBox>
              </div>
            </form>
       </body>
...

P.S.我已经添加了一张图片来说明这个问题。目的是保持相同Textbox(es)（基准是PageLoad()），即使有人点击Textbox*

asp.net

来源：https://stackoverflow.com/questions/62426937/how-to-change-bordercolor-of-a-textbox-using-css-when-user-clicks-on-it-asp-ne

1条答案

按热度按时间

ovfsdjhp1#

你有相同的边框颜色在你所有的风格只是改变它，并尝试

<style type="text/css">

.txt{
    border: 1px solid;
    border-color:#681807;
}
.txt:hover{
    border: 1px solid;
    border-color: #07685F;
}
.txt:focus{
    border: 1px solid;
    border-color: #68075E;
}
</style>
<html>
        <body>
           <form id="form1" runat="server">
              <div>
                  <asp:TextBox id="_txt_did" placeholder="this is a test case" runat ="server" 
 Width="90%" Font-Size="14px" Font-Italic="true" CssClass ="txt"></asp:TextBox>
              </div>
            </form>
       </body>
</html>

赞(0）回复(0）举报 2023-01-14

我来回答

当用户单击文本框时，如何使用CSS更改文本框的边框颜色(ASP.NET)

1条答案

相关问题

热门标签

最新问答