0

私はすべてのテキストボックスについて以下のクラスを持っています

textarea:focus,input[type="text"]:focus,input[type="password"]:focus
{
border-color:#BBBBBB;
box-shadow: inset 0 0 2px #888;
border-color:#3C8CDD;
color: #063E61;
color: rgb(171, 171, 171);
color:#063E61;
border-color: #3C8CDD;
font-family:Verdana;
font-size: 10px;
font-size:normal;
}

タイプのドロップダウンにこれと同じcssクラスを使用できますか？

 <asp:DropDownList ID="EnqDDL" runat="server" TabIndex="1" AutoPostBack="true" CssClass="dropdown" OnSelectedIndexChanged="EnqDDL_SelectedIndexChanged" ValidationGroup="Save_Group">
                                                        </asp:DropDownList>
4

2 に答える 2

1 
​select:focus {
    background-color:red;
}​

ドロップダウン リストに使用されます。

例 http://jsfiddle.net/c8wjL/

于 2012-12-12T11:11:15.610 に答える
1

anはHTMLasp:DropDownListで a としてレンダリングされます。select

したがって、すべてのドロップダウンにフォーカス CSS を実装するには、CSS ルールに次を追加します。

select:focus{}

したがって、コードは次のようになります。

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,select:focus
{
    border-color:#BBBBBB;
    box-shadow: inset 0 0 2px #888;
    border-color:#3C8CDD;
    color: #063E61;
    color: rgb(171, 171, 171);
    color:#063E61;
    border-color: #3C8CDD;
    font-family:Verdana;
    font-size: 10px;
    font-size:normal;
}
于 2012-12-12T11:11:01.180 に答える