[Ionic]ion-button如何取消英文默认全部大写?

问题描述

ionic4中使用ion-button的时候发现, 按钮内文字是英文的时候, 会全部默认成大写字母. 比如需求中的文字是TestButton, 实际显示的时候会变成TESTBUTTON .

解决方法

一开始时,给ion-button设置了以下样式:

.custom-button {
// ...
text-transform: none;
}

<ion-button class='custom-button'>TestButton</ion-button>

发现并没有起作用, 看来这个样式并没有起作用,可能是被覆盖了. 因此给该样式提升了权重, 如下:

.custom-button {
// ...
text-transform: none!important;
}

修改后问题解决.