在react中，你可以用下面的选择标签给出一个虚拟值(比如-1)，同样的值可以用你的这个禁用选项。(为我工作)

const nonEmpty = selected[identifierField] || false;

<select
    onChange={(e) => {
      onSelect(
        options.find((option) => option[identifierField] === e.target.value)
      );
    }}
    value={nonEmpty || -1}
  >
    <option disabled value={-1}>Select Option</option>
    {options.map((option) => (
      <option key={option[identifierField]} value={option[identifierField]}>
        {option[displayField]}
      </option>
    ))}
  </select>

我使用Laravel 5框架和@Gambi的答案也适用于我，但对我的项目做了一些更改。

我在一个数据库表中有选项值，我用foreach语句使用它们。但在声明之前，我已经添加了一个选项与@Gambit建议设置，它工作。

以下是我的例子:

@isset($keys)
  <select>
    <option  disabled selected value></option>
    @foreach($keys as $key)
      <option>{{$key->value)</option>
    @endforeach
  </select>
@endisset 

我希望这也能帮助到某些人。再接再厉!

试试这个:

<select>
    <option value="">&nbsp;
    <option>Option 1
    <option>Option 2
    <option>Option 3
</select>

在HTML5中验证。在选择元素中使用所需属性。可以重新选择。适用于谷歌Chrome 45, Internet Explorer 11, Edge, Firefox 41。

没有HTML解决方案。根据HTML 4.01规范，如果没有一个选项元素具有selected属性，那么浏览器的行为是未定义的，而浏览器在实践中所做的是使第一个选项预选。

作为一种变通方法，您可以用一组input type=radio元素(具有相同的name属性)替换select元素。这将创建一个具有不同外观和用户界面的同类控件。如果输入type=radio元素中没有一个具有checked属性，那么在大多数现代浏览器中，它们最初都不会被选中。

选择风格= "显示:没有"

平板电脑:iPad Pro / iOS 15 / Safari的糟糕解决方案 下拉菜单中出现了一个不必要的行，仅用于实际设备。不会在模拟器上重现。

对于那些使用<select multiple> (combobox;没有下拉)，这对我来说很管用:

<select size=1 disabled multiple> . <select size=1 disabled multiple> . <option hidden selected></option> 我<选项>选项> < /选项 < /选择>