html - 如何删除焦点/悬停在选择/选项下拉菜单上的蓝色背景

Question

当我在一个选项上处于事件状态并使用我的选择下拉菜单悬停在一个选项上时，如何删除蓝色背景。

这是我的意思的截图:

我已经尝试了所有我可以精简的 css 规则，甚至搜索了互联网，包括这里，但没有任何效果

.language {
  float: right;
  margin-top: -45px;
  padding-right: 25px;
}

.language select {
  width: 180px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  cursor: pointer;
}

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

.language option {
  background-color: #000;
  color: #fff;
}

.language option:hover {
  background-color: #000;
  color: #fff;
}

.language-selector::before {
  font-family: "Font Awesome 5 Free";
  content: "\f0ac";
  visibility: visible;
  font-weight: 900;
  position: relative;
  float: left;
  margin-left: 1690px;
  margin-top: -53px;
}

<div class="language">
  <select>
    <option value="">English</option>
    <option value="">Deutsch</option>
  </select>
</div>

Answer 1

嗯，你不能。这是由操作系统设置的。抱歉:/