html - 从下拉菜单中隐藏占位符文本

Question

我试图隐藏下拉菜单中的占位符文本，使其不显示为可选选项。我已经搜索了堆栈溢出的其他选项并尝试了以下解决方案，但没有一个有效：

<option style="display:none" >Select Stop</option>
<option value="" disabled selected hidden >Select Stop</option>
<option value="" disabled selected style="display: none;">Select Stop</option>

我的代码看起来像这样，它在 stackoverflow 中有效，但当我使用最新版本的 chrome 将其放入我的网站时却不行......

<select>
  <option value="" disabled selected hidden>Select Stop</option>
  <option value="home">home</option>
  <option value="school">school</option>
  <option value="office">office</option>
</select>

标签： htmlcss

Answer 1

不确定您实际上要实现什么，要隐藏选择或选项，只需向它们添加禁用，见下文，我有 2 个选择，一个选项禁用，另一个禁用整个选择

        <select>
            <option value="">Select Stop</option>
			<option value="home" >home</option>
			<option value="school" disabled>school</option>
			<option value="office" >office</option>
        </select>

      <select disabled>
            <option value="" >Select Stop</option>
			<option value="home" >home</option>
			<option value="school" >school</option>
			<option value="office" >office</option>
        </select>