Firefox和IE不兼容多个option之间加label标签

打酱油打多了

对自己碰到的一些问题 写出来 算是总结吧  Firefox和IE不兼容多个option之间加label标签

<select name="selectName">
    <option value="汽车">汽车</option>
    <option value="火车">火车</option>
</select>

 这个部分正常使用的话在IE和Firefox中是正常的。

但是当我们在上面内容中加入<label></label>时，情况就变了。

如下面中所示：

<select name="selectName">
  <label>
    <option value="汽车">汽车</option>
    <option value="火车">火车</option>
  </label>
</select>

 这种情况下IE其实是正常的，但是在Firefox中却在点击时，很不方便，要双击才能够实现选择目标按钮。

 

这个问题的话，使用下面方法就可以解决：

<select name="selectName">
  <label>
    <option value="汽车">汽车</option>
  </label>
  <label>
    <option value="火车">火车</option>
  </label>
</select>