text-transform: uppercase仅影响视觉显示，不改变dom文本内容；必须直接作用于button元素才生效，复制粘贴和javascript获取的仍是原始大小写，表单提交内容不受影响。
text-transform: uppercase 能让按钮上显示的字母变大写，但不会改 button 元素的实际文本内容——这点不确认清楚，后续交互逻辑大概率出错。
button 元素加 text-transform: uppercase 为什么有时没反应
常见错误是把样式写在 button 的父容器（比如 div 或 form）上，而没直接作用于 button 本身。CSS 的 text-transform 不会自动继承到子元素的文本节点，除非显式声明 inherit。
- ✅ 正确：给
button直接设样式，如button { text-transform: uppercase; } - ❌ 错误：只给外层
div设text-transform，按钮内文字仍按原始大小写渲染 - ⚠️ 注意：如果按钮里嵌了
span或svg，text-transform只影响纯文本节点，对内联元素里的文本需单独控制
button 文本大写后复制出来还是小写，正常吗
完全正常。text-transform 是纯视觉层操作，不影响 DOM 原始值。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
下载
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
- 用户选中按钮文字复制 → 粘贴结果仍是原始大小写，比如 “submit” 不会变成 “SUBMIT”
-
document.querySelector('button').textContent返回的也是原始字符串 - 若需导出或接口提交时也用大写，必须用 JS 显式调用
.toUpperCase()处理，但要注意中文、数字、符号不受影响
为什么表单提交时后端收到的还是小写
因为 text-transform 和表单数据无关——它不碰 button 的 value 属性（只有 input[type="submit"] 才有 value），也不改 textContent。
- 普通
button没value，提交靠name/value配对或 JS 触发，其文本只是展示用 - 如果是
input[type="submit"]，value始终保持原始大小写，text-transform只影响显示 - 别指望靠 CSS 控制提交内容，该用 JS 处理就用 JS，别绕弯
最常被忽略的一点：按钮文本大写后，在某些等宽字体或高 DPI 屏幕下，英文大写字母 baseline 可能比中文低，导致和图标或相邻文字不对齐；建议搭配 vertical-align: middle 或微调 line-height。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
