[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;
}

修改後問題解決.