要隐藏下拉框内容,可以使用CSS中的display属性。
- 隐藏下拉框中所有选项,只显示默认值。
<select>
<option value="default">默认值</option>
</select>
<style>
select option {
display: none;
}
</style>
在样式中使用 select option
选择器,将所有 <option>
元素的display属性设置为none,就可以隐藏所有选项,只显示默认值。
- 隐藏下拉框中指定选项。
<select>
<option value="option1">选项1</option>
<option value="option2">选项2</option>
<option value="option3">选项3</option>
</select>
<style>
option[value="option2"] {
display: none;
}
</style>
在样式中使用 option[value="option2"]
选择器,将value属性等于"option2"的option元素的display属性设置为none,就可以隐藏"选项2"。