全部大写在 Firefox 的下拉列表中选择选项值答案

【问题标题】：Upper case all Select option values on the drop down list on Firefox全部大写在 Firefox 的下拉列表中选择选项值
【发布时间】：2019-08-22 20:09:44
【问题描述】：

我想将单击选择时显示的所有文本大写，这是我当前的代码

.select__input {
  text-transform: uppercase;
}

<select class="select__input">
  <option value="">...</option>
  <option value="val1">Value</option>
  <option value="val2">Value2</option>
</select>

这在 Chrome 上工作，但在 fireFox 上它似乎仍然是小写，有什么办法可以更改所有浏览器的选择文本

【问题讨论】：

这似乎是一个仍然存在的错误：bugzilla.mozilla.org/show_bug.cgi?id=1445885。您可能必须使用 javascript 修改文本
有趣的是，使用旧版本 Gecko 的浏览器，例如 SeaMonkey 和 PaleMoon，仍然以大写显示文本。所以这是最近才停止工作的东西。

【解决方案1】：

快速搜索显示，已经有一个open bug 用于此问题，其中另一个closed bug is linked 似乎表明他们仍在支持子option 元素的其他样式属性。

你必须这样做；暂时用Javascript手动调整大小写。已经有一个SO question 告诉你如何做到这一点。

希望有帮助

【讨论】：