Ionic v2按钮文字的大写字母

Question

在我的离子v2应用程序是一个按钮,无论我输入哪个文本,它总是大写.我不想添加css-utilities,因为我混合了大小写单词.

这是我的代码:

<button ion-button large block color="danger" (click)="openPage($event, 0)">
    This is my test Text.
</button>

我试图从按钮标签中删除所有属性,但这没有用.有什么建议？

Answer 1

似乎按钮在CSS中将文本转换设置为大写.将以下CSS添加到按钮:覆盖CSS属性集.text-transform: none;

你的代码变成这样:

<button ion-button large block color="danger" style="text-transform: none;" (click)="openPage($event, 0)">
    This is my test Text.
</button>

有关text-transform属性 CSS text-transform属性的更多信息

Answer 2

将以下内容放在variables.scss中

    $button-md-text-transform: none;

默认情况下,Android平台的值为大写.将其更改为无.这将应用于您应用中的每个按钮.