如何将focus CSS应用于所有下拉菜单？

我有以下类的所有文本框如何将focus CSS应用于所有下拉菜单？

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>

来源

2012-12-12 Swati Awasthi

为什么不使用你的CssClass有：重点呢？ – Ladineko

asp [CssClass =“dropdown”] {* all styles *} – Nick

它不能正常工作 –

一个asp:DropDownList呈现为在一个HTML 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-12 11:11:01 Dan

谢谢，它正在工作 –

select:focus { 
    background-color:red; 
}

会用于下拉列表。

例 http://jsfiddle.net/c8wjL/

来源

2012-12-12 11:11:15 Ladineko

如何将focus CSS应用于所有下拉菜单？

回答

相关问题