angular material md-tab 标签 upper/lower 大小写

Question

如果之前有人问过这个问题，我深表歉意，但我有一个非常愚蠢的问题，我找不到答案。

使用 angular-material 的标签总是呈现大写。我尝试使用 div 将文本包装在里面，但没有成功。

有人有什么建议吗？他们为什么选择这种行为？ （似乎没有人不高兴）

我觉得我在做一件非常愚蠢的事情！ :)

谢谢

Answer 1

使用其他人设计和构建的组件的缺陷是他们可以做出美学决定。

如果您想知道是什么导致了某些行为，最好的第一步是查看源代码并检查元素。

查看 .md-tab，.md-tab 上的 text-transform 样式 属性 设置为 uppercase。在您的样式部分将其设置为 none 以摆脱任何文本转换：

.md-tab{text-transform: none}