在 IE11 中打开后下拉字段自动关闭

Question

我有一个下拉菜单，里面有一些选项。

<div class="control-group pull-left">
    <label class=" help-inline"> Notify staff
       <input type="text" class="span1 min" name="someName"/>
       <select id="duration-unit-outingMinCutoff" name="duration-unit-outingMinCutoff" class="span2">
           <option value="minutes" selected="selected">minutes</option>
           <option value="hours" selected="selected">hour(s)</option>
           <option value="days" selected="selected">day(s)</option>
       </select>
       prior to start time
     </label>
</div>

当我点击下拉菜单时，它在 IE 上突然打开和关闭。在 IE 中打开 this，您可以看到我说的问题。

Answer 1

您对 <label> 的使用是问题所在。 IE11 不能很好地处理控件周围的标签。 Fiddle。

<div class="control-group pull-left">
    <label class=" help-inline"> Notify staff</label>
    <input type="text" class="span1 min" name="group.outingMinCutoff" />
    <select id="duration-unit-outingMinCutoff" name="duration-unit-outingMinCutoff" class="span2">
      <option value="minutes">
        minutes
      </option>
      <option value="hours">
        hour(s)
      </option>
      <option value="days">
        day(s)
      </option>
    </select>
    <label> prior to start time</label>
</div>

在 IE11 中打开后下拉字段自动关闭

Dropdown field automatically closes after opening in IE11

html

internet-explorer

internet-explorer-11