为什么下拉菜单中的部分颜色较浅?
问题描述:
我看起来像是一个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;
}
任何想法/反馈被感激!
答
啊,我认为这是一个重复的问题。
看看这个其他问题,看它是否是有帮助:stackoverflow question
从它听起来,你想一个背景颜色添加到选择框&它的选项;在那种情况下,根据我的理解,没有办法通过CSS来做到这一点,JS是你最好的选择。
你能提供一个工作链接/例子吗?我们可以更好地帮助我们,而不是用形象。 – joshmax
对不起,但不幸的是我不能给一个外部可访问的链接。我能做的最好的事情是更好地描述我的问题和/或通过电子邮件发送照片。无论菜单与网站的某一部分重叠,底层区域都是白色的。 (不与菜单重叠的底层部分是灰色的)。 – user989864
@ user989864:你可以创建一个[jsfiddle](http://jsfiddle.net/)来说明问题吗? –