ionic v4中的ion-button文本为大写

Question

ionic v4 中的ion-button有问题 如果我在我的应用中编写

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

并运行该应用程序，该应用程序以大写字母显示带有te文本的按钮 我需要将按钮与文字一起显示。请

Answer 1

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

ion-button {
 text-transform: none;
}

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

Answer 2

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

<span text-capitalize>hi</span>

或 text-transform ，用于普通文本

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

有关更多示例和其他实用程序，请查看此doc，

Answer 3

您可以通过如下添加内联css来解决此问题：

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

Answer 4

尝试使用 mode =“ ios” 。经过离子5测试：

<ion-button mode="ios">Your Text</ion-button>

Answer 5

您可以在global.scss中添加此样式 ion-button { text-transform: none; } 我已经测试了这段代码，并且效果很好