首页 > 解决方案 > 全部大写 在 Firefox 的下拉列表中选择选项值

问题描述

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

.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 上它似乎仍然是小写,有什么办法可以更改所有浏览器的选择文本

铬合金 火狐

标签: htmlcsscross-browser

解决方案


快速搜索显示该问题已经存在一个未解决的错误,其中链接了另一个已关闭的错误,这似乎表明他们仍在支持子option元素的其他样式属性。

你不得不; 暂时用Javascript手动调整大小写。已经有一个关于如何做到这一点的问题。

希望有帮助


推荐阅读