位置：固定在 IE 浏览器中无法处理选项标签答案

【问题标题】：The position: fixed is not working over option tag in IE browser位置：固定在 IE 浏览器中无法处理选项标签
【发布时间】：2020-02-05 16:06:30
【问题描述】：

我想在选择标签中有一个具有固定定位的标题，但在 IE 浏览器中将位置值设置为固定不适用于选项标签

<select multiple style="height:130px">
  <option value="volvo" style="position:fixed">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

【问题讨论】：

我不确定这是否会受到 IE 的尊重... ????您不能设置选项标签的样式。使用 <select> 替换，如 Select2。
嗯 ...这不是 IE 特有的 - Firefox 也不会将该选项固定在适当的位置 - 无论如何滚动页面时看起来很奇怪！似乎 Chrome 会这样做，它看起来很糟糕，并且在页面滚动时也会保持原位 - 将选项定位为“固定”似乎没有帮助

标签： javascript jquery html css user-interface

【解决方案1】：

您是否尝试过使用<optgroup> 标签？也许这可以帮助您确定您在这个 jsfiddle 中寻找什么。但我认为将style 属性添加到option 标记并不适用于所有浏览器，而且看起来也不正确。我认为<optgroup> 可能是您最接近实现此类目标的方式。

https://jsfiddle.net/9pudbj0z/

【讨论】：