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

Question

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

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

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

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

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

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

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