javascript - 在下拉列表中什么都看不到。尽管悬停它是。为什么？

Question

我可以为其添加背景颜色，但随后不选择该颜色也会出现。我希望在显示该下拉列表时具有相同的颜色：

标签： javascripthtmlcss

Answer 1

background是白色的，color文本也是白色的，这是您看不到文本的原因
当您将鼠标悬停在文本上时，背景会变为蓝色并且您会看到它。
设置color为text，您将看到文本...

option{
color:black;
}

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

或background下拉

option{
color:white;
}
select{
background-color:blue;
}

    <select>
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
    </select>