Html 选择元素选项已禁用 Microsoft Edge

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

现在在 chrome 上这会产生以下结果:

enter image description here

然而在 edge 上它似乎忽略了 disabled 选项并将默认值设置为第一个值 Aldrig:

enter image description here

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

最佳答案

在您使用禁用的选项值中删除选择并选择仅使用禁用然后您获得值 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>

关于Html 选择元素选项已禁用 Microsoft Edge,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54476324/

上一篇:javascript - 根据选择的选项值更改 css

下一篇:html - 如何让DIV的宽度取决于它的内容然后居中对齐?

相关文章:

css - gulp-sass 的输出是 .scss 文件而不是 css 文件

html - 根据我的需要调整 bootstrap3 网格大小

selenium - 使用 Selenium 在 InPrivate 模式下打开 Edge

javascript - 使用ajax响应刷新div

html - 在 <li></li> 元素内并排显示两个 div

javascript - 复选框组计算值

html - 右边框渐变

jquery - 编辑内联数据表

javascript - 在任何键盘上的 Edge 中检测 @ 字符 onKeyUp

microsoft-edge - 如何默认 Edge 扩展默认显示在地址栏旁边