时间戳

首页 > 解决方案 > 文本转换选择字段浏览器问题

html - 文本转换选择字段浏览器问题

问题描述

我正在尝试使用 css text-transform 将选项文本更改为大写。不能在 Safari/iphone 中工作，也不能在 Firefox/桌面中工作。有没有人有不使用 toUpperCase() / javascript 的解决方案？

select {
  text-transform: uppercase;
}
<select>
  <option value="">item1</option>
  <option value="">item2</option>
</select>

标签： htmlcss

解决方案

text-transform确实适用于 safari 1.0 + 和 firefox 1.0+，因为它属于 CCS1。

你可以尝试 <select style="text-transform:uppercase"> 改用吗？

考虑到这种风格不支持某些语言。

https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform

问候

推荐阅读