HTML选择元件选项禁用微软边缘

时间:2019-02-01 09:15:44

标签: html css microsoft-edge

所以我有以下元素:

<div class="input-field col s12">
   <select [(ngModel)]="view.frequency" >
      <option value="" disabled selected>Vælg hyppighed</option>
      <option [value]="1">Aldrig</option>
      <option [value]="2">Sjældent</option>
      <option [value]="3">En gang imellem</option>
      <option [value]="4">Ofte</option>
      <option [value]="5">Altid</option>
   </select>
   <label>Vælg hyppighed</label>
</div>

现在对本铬产生以下结果:

enter image description here

但是似乎似乎忽略了disabled选项,并将默认值设置为第一个值Aldrig

enter image description here

谁能告诉我这是怎么回事?

1 个答案:

答案 0 :(得分:2)

删除已禁用的选项值中选中的选项,仅使用禁用的选项,然后获得值1选项

   <div class="input-field col s12">
      <select [(ngModel)]="view.frequency" >
          <option value="" disabled>Vælg hyppighed</option>
          <option [value]="1">Aldrig</option>
          <option [value]="2">Sjældent</option>
          <option [value]="3">En gang imellem</option>
          <option [value]="4">Ofte</option>
          <option [value]="5">Altid</option>
      </select>
      <label>Vælg hyppighed</label>
  </div>