You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过MUI的sx属性实现按钮文本指定单词大小写?

解决MUI Button文本自定义大小写问题

直接给Button的sx属性设置textTransform: "none",就能让按钮严格按照你编写的文本内容显示大小写,无需额外处理单个单词:

<Button sx={{ textTransform: "none" }}>Export to CSV</Button>

MUI Button默认样式会强制文本全大写(textTransform: "uppercase"),只要覆盖这个属性为none,按钮就会完全遵循你写的文本格式,自然就能得到你想要的「Export to CSV」效果。

如果你的文本是动态生成、无法手动固定大小写的,可以结合CSS伪元素做更精细的控制,但这种场景下textTransform: "none"是最直接高效的方案。

内容的提问来源于stack exchange,提问作者Papgooner

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 01:40:59