如何在html中设置预选按钮的样式，以便使选择的选项不显示在下拉菜单中？

问题描述

您好，我正在一个网站上工作，我希望它是双语的，即西班牙语是它的默认语言，并且我想显示一个下拉按钮以将其翻译成英语。所以这就是我尝试过的。

@H_502_5@ <select name="lan" id="lan">
  <option>ENG</option>
  <option selected="selected">ESP</option>
</select>

所以我想要的是预先选择的选项不应显示在下拉列表中，即默认选择的选项是西班牙语，并且在下拉菜单中唯一的选项是英语，当我选择英语时下拉菜单中的选项是西班牙语。有人请帮我怎么做。

解决方法

您可以通过将css选择器添加到css文件中来轻松完成此操作：

  #lan option:checked {
    display: none;
  }

<select name="lan" id="lan">
  <option>ENG</option>
  <option selected="selected">ESP</option>
</select>