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

Question

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

<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>

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>