隐藏空选择的整个蓝/黑下拉列表（选项）

Question

我有一个空的选择列表，我已经绑定了自定义下拉列表。 点击空选择后，它会进入焦点并显示空选项列表（颜色为蓝色，带黑色边框） 在css中是否有一种方法可以隐藏整个空选项部分。

<select id="displaydropdown"></select> <!--empty select list-->
<script>
   //on displaydropdown click show/hide custom dropdown
</script>

在这种情况下，自定义下拉列表可见，同时该空白选择列表也可见。我想隐藏选择列表的内部列表框。目前，我正在研究用户代理样式表，看看我们是否可以覆盖其默认功能。

如果有更多细节，请告诉我。

Answer 1

尝试使用此demo：

中描述的内容

<强> HTML：

<select id="displaydropdown"></select>

<强> CSS：

#displaydropdown:empty {
   display: none;
}