html - 选择元素的隐藏选项离开 "black"背景

Question

我无法弄清楚为什么下面的代码中有一个黑色矩形，据我所知，隐藏选项留下了一些东西，但我不知道如何隐藏它或更改它颜色。

这是什么以及我们如何操纵它？

<div>
  <select>
    <option hidden>Select flow slides</option>
  </select>
</div>

这是一个代码笔链接，您可以在其中看到这种情况: https://codepen.io/Nick09/pen/NWGmJGy

以及单击选择元素时出现的神秘矩形的链接: https://imgur.com/9rdbXkS

更多图片示例: https://imgur.com/a/MhYNPy8

更新:在评论中有人提出了一些建议后，我发现问题比我最初想象的要简单得多。主要是，每当你点击一个没有任何选项的选择时，你会得到这个黑色的小下拉菜单: https://imgur.com/ZfFn5DN .

Answer 1

使用 style属性隐藏整个选项。

<option style="display:none">Select flow slides</option>

或使用 disabled禁用选项的属性(删除隐藏属性)

<option disabled>Select flow slides</option>