如何在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

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