更改焦点上的 asp lixt 框的颜色

Posted 2023-05-07

【中文标题】更改焦点上的 asp lixt 框的颜色

【英文标题】：change the color of asp lixt box on focus

【发布时间】：2020-05-11 15:36:05

【问题描述】：

当用户关注ASP list box时，如何写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】：

当你给它自己的类时它会起作用，比如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;