离子 v4 中的离子按钮文本是大写的

Question

如果我在我的应用程序中编写，我ion-button在ionic v4 中遇到问题

<ion-button>Hi</ion-button>

并运行应用程序，应用程序显示带有大写文本的按钮我需要在我编写它时将按钮与文本一起显示。请

Answer 1

在 ionic-5, in 中theme/variables.css，您可以添加以下内容

ion-button {
 text-transform: none;
}

这将适用于整个应用程序。另请参阅此github 问题评论。

Answer 2

尝试对大写中的text-capitalize每个第一个单词使用,

<span text-capitalize>hi</span>

或者text-transform，对于普通文本

<span style="text-transform:none!important;">Hi Hi</span>

有关更多示例和其他实用程序，请查看此文档，您会喜欢的！

Answer 3

您可以通过添加内联 css 来解决它，如下所示：

<ion-button style="text-transform:none">Your Text</ion-button>