如何將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應用於所有下拉菜單？

回答

相關問題