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

Question

我遇到了似乎是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;
}

感谢任何想法/反馈！

Answer 1

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

查看此其他问题，看看是否有任何帮助：stackoverflow question

听起来，您正试图在选择框中添加背景颜色＆amp;它的选择;在这种情况下，根据我的知识，没有办法通过CSS做到这一点，而JS是你最好的选择。