如何使用select删除自定义样式

Question

我在选择样式时遇到问题。我使用引导程序。 我想从所选选项中删除样式

如何删除此灰色背景？我希望它是蓝色的。

这是我的html代码

   <select multiple id="select" name="price" class="form-control currency-selector">
       <option value="$10000-$15000">$10 000 - $15 000</option>
        <option value="$15 000 - $30 000">$15 000 - $30 000</option>
        <option value="$30 000 - $50 000">$30 000 - $50 000</option>
        <option value="$50 000+">$50 000+</option>
     </select>

.currency-selector {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: $input-border-width solid $input-border-color;
  border-radius: 0.5rem;
  color: $logan;
  font-size: 0.8125rem;
  overflow-y: auto;
  padding-left: 1.5rem;
  position: absolute;
  top: -2.625rem;

  option {
    padding: 10px 0;
  }
}

Answer 1

您可以使用以下CSS：

select#select option{
background: blue;}

并更改可在CSS下使用的选项的悬停颜色：

    select#select option:hover {
box-shadow: 0 0 10px 100px blue inset;}