изменить цвет asp lixt box на фокусе - PullRequest
Новая
       5

изменить цвет asp lixt box на фокусе

0 голосов
/ 25 января 2020

Как написать CSS, чтобы изменить цвет ASP list box, когда пользователь фокусируется на нем. В моих текстовых полях я использовал приведенный ниже стиль, но он не работает для ListBox. 

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #999;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

Как изменить цвет списка, когда пользователь фокусируется на ASP Поле списка? 

<asp:ListBox ID="lstFlat" runat="server" SelectionMode="Single" class="js-example-basic-single form-control">
    <asp:ListItem Text="single room" Value="1" />
    <asp:ListItem Text="double rooms multi storey" Value="2" />
</asp:ListBox>

1 Ответ

0 голосов
/ 25 января 2020

Это будет работать, когда вы дадите свой собственный класс, например StyledListBox. 

<asp:ListBox class="js-example-basic-single form-control StyledListBox">

Тогда некоторые css

.StyledListBox:focus {
    border: 2px solid red;
    background-color: lightgreen;
    outline: 0 none !important;
    box-shadow: none !important;
}
...