html - 如何在 IE 中选择选项时删除白色背景

Question

我有一个选择框，用于选择 Gender 及其在黑色背景上。当我在 IE 中选择一个选项时，它会添加一个白色背景，如下所示：

我添加了以下样式规则来删除此颜色，但它不起作用。

select:focus::-ms-value {
    background-color: #111118;
}

我在这里不需要任何背景颜色，它应该如下图所示：

不知道为什么它只发生在 IE 上。如何解决这个问题？

标签： htmlcssinternet-explorer

Answer 1

尝试了以下样式，效果很好

select {
    background-color: #000;
    border: 0px;
    border-bottom: 1px solid gray;
    color: grey;
  }

  select::-ms-expand {
    display: none;
  }

select:focus::-ms-value {
    background-color: #000;
}

见plnkr

在您的来源中查找冲突的样式。