如何在html中设置预选按钮的样式，使所选选项不会显示在下拉列表中

Question

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

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

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

Answer 1

您可以很容易地将这样的css选择器添加到您的css文件中：

#lan option:checked {
display: none;
}

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