Как изменить BorderColor TextBox, используя CSS, когда пользователь нажимает на него (ASP. NET) - PullRequest
Новая
       11

Как изменить BorderColor TextBox, используя CSS, когда пользователь нажимает на него (ASP. NET)

0 голосов
/ 17 июня 2020

enter image description here Morning All

Хотя я могу изменить BorderColor из <asp:Textbox> на CSS, в настоящее время мне интересно, почему такая попытка терпит неудачу после пользователь нажимает 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>
...

Заранее спасибо.

Ps: Я добавил картинку для иллюстрации проблемы. Целью было сохранить идентичным Textbox(es) (эталон - это PageLoad()), даже если вы нажмете Textbox

1 Ответ

0 голосов
/ 17 июня 2020

У вас одинаковый цвет границы во всех стилях, просто измените его и попробуйте 

<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>
...