我的下拉菜单无法正常运行

Question

我的网站上有一个下拉菜单，当您转到选择和选项时，列表是白色的，但是当您将鼠标悬停在每个选项上时，就会出现文本。我在下面附上了一张显示我的问题的图片。

HTML：

<select id="select-a0a8" name="package" class="u-border-2 u-border-none u-input u-input-rectangle">
  <option value="Bronze">Bronze</option>
  <option value="Silver">Silver</option>
  <option value="Gold">Gold</option>
  <option value="Enterprise">Enterprise</option>
  <option value="Undecided">Undecided</option>
</select>

如果您需要更多代码，请直接说。

非常感谢。

Answer 1

问题不在于您的 HTML 代码，问题在于您的 CSS，可能您的默认选项文本颜色是白色背景，因此它不显示任何文本，但是当您将鼠标悬停在任何选项上时，然后是 CSS正在将样式更改为带有黑色文本的灰色背景，因此您可以正确地看到文本，

你可以做的一件事是为每个选项赋予样式属性

VideoView

观察下拉菜单是否正常工作，无需对其应用任何类，codepen