如何通过MUI的sx属性实现按钮文本指定单词大小写?
直接给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
相关产品推荐
相关产品推荐

