为什么下拉菜单中的部分颜色较浅?

问题描述:

我看起来像是一个CSS问题。我有一个使用javascript显示的下拉菜单,其中下面的一个部分看起来应该是颜色要浅得多。这发生在IE,Firefox和Chrome上。正如你所看到的,在下拉菜单之外重叠,这很好。为什么下拉菜单中的部分颜色较浅?

更正,你不能看到它,因为我没有声望点显示你的图片..感叹。

相关的javascript:

document.getElementById('cphBody_cbxNicknameMatch').onclick = function() { 
     document.getElementById('inputNicknameMatch').value = this.options[this.selectedIndex].text; 
     PO_HideMenu(document.getElementById('cphBody_cbxNicknameMatch')); 
    } 

相关的html:

<td> 
<input id="inputNicknameMatch" class="BigInput BIDropDown" readonly="readonly" type="text" tabindex="0" /> 
<select id="cbxNicknameMatch" class="BIShowDropDown" style="display:none; height:auto" size="1" runat="server"> 
</select> 
</td> 

相关CSS:

.BIShowDropDown 
{ 
    font-size: 11pt; 
    margin: 0 !important; 
    max-height: 175px; 
    position: absolute; 
    text-align: left; 
    z-index: 1; 
} 

任何想法/反馈被感激!

+1

你能提供一个工作链接/例子吗?我们可以更好地帮助我们,而不是用形象。 – joshmax

+0

对不起,但不幸的是我不能给一个外部可访问的链接。我能做的最好的事情是更好地描述我的问题和/或通过电子邮件发送照片。无论菜单与网站的某一部分重叠,底层区域都是白色的。 (不与菜单重叠的底层部分是灰色的)。 – user989864

+0

@ user989864:你可以创建一个[jsfiddle](http://jsfiddle.net/)来说明问题吗? –

啊,我认为这是一个重复的问题。

看看这个其他问题,看它是否是有帮助:stackoverflow question

从它听起来,你想一个背景颜色添加到选择框&它的选项;在那种情况下,根据我的理解,没有办法通过CSS来做到这一点,JS是你最好的选择。