javascript - 为什么下拉菜单下的部分颜色变浅？

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

从表面上看，您正在尝试向选择框及其选项添加背景色；在这种情况下，就我所知，没有办法通过CSS做到这一点，而JS是最好的选择。