如何更改asp：DropDownList擴展背景顏色？ CSS類

這裏的類和例子如何更改asp：DropDownList擴展背景顏色？ CSS類

<asp:DropDownList ID="dropDownListZenithYesNo" 
    CssClass="dropDownBox" runat="server"></asp:DropDownList>

而且這裏的CSS類下拉列表的

.dropDownBox 
{ 
    font-size: 13px; 
    color: #3b3b3b; 
    padding: 5px; 
    background: -moz-linear-gradient(
    top, 
    #f0f0f0 0%, 
    #d6d6d6); 
    background: -webkit-gradient(
    linear, left top, left bottom, 
    from(#f0f0f0), 
    to(#d6d6d6)); 
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
    border: 1px solid #999999; 
    -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
    -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
    box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
    text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,0); 
}

在這裏，它的外觀漂亮，當你不點擊查看元素

enter image description here

這是它看起來非常糟糕，當你點擊查看元素

enter image description here

測試了Windows 7 Firefox的最新版本

CSS CSS3 HTML下拉列表中的色彩風格

來源

2012-12-11 MonsterMMORPG

添加以下CSS你的CSS

.dropDownBox option 
    { 
     font-size: 13px; 
     color: #3b3b3b; 
     padding: 5px; 
     background: -moz-linear-gradient(
top, 
#f0f0f0 0%, 
#d6d6d6); 
     background: -webkit-gradient(
linear, left top, left bottom, 
from(#f0f0f0), 
to(#d6d6d6)); 
     -moz-border-radius: 3px; 
     -webkit-border-radius: 3px; 
     border-radius: 3px; 
     border: 1px solid #999999; 
     -moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
     -webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
     box-shadow: 0px 1px 2px rgba(000,000,000,0.5), inset 0px 1px 0px rgba(255,255,255,1); 
     text-shadow: 0px 1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,0); 
    }

以下，但在測試頁面多個瀏覽器，因爲它可能有不同的結果。事實上，我有不同的結果。

來源

2012-12-11 18:29:05

我做.dropDownBox選項：懸停，但沒有工作，爲什麼？ – MonsterMMORPG

這可能有助於http://josephschrag.blogspot.com/2010/11/adding-javascript-hover-event-for-items.html –

您必須從默認樣式繼承。我建議指定顏色可供選擇：

.dropDownBox option{ 
    font-size:1.2em; 
    background-color:#FF0 !important; 
    display:block; 
}

Here is the fiddle

來源

2012-12-11 18:30:49 TNCodeMonkey

如何更改asp：DropDownList擴展背景顏色？ CSS類

回答

相關問題