Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ion-button in ionic v4 the text is uppercase

I have a problem with ion-button in ionic v4 If I write in my app

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

Erro upercase

And run the application, the app show the button with te text in uppercase I need the buttons to be shown with the text as I wrote it. Please

like image 928
Basik Dev team Avatar asked Feb 14 '19 15:02

Basik Dev team


People also ask

How do you capitalize the first letter in Ionic?

Use autocapitalize property of textarea field, use autocapitalize="true", e.g. It will auto capitalize first letter of every sentence.

How do you align buttons in Ionic?

We can use CSS inline directly to control button alignment or we can use Ionic utilities CSS to control alignment.

How do I change the button background color in Ionic 4?

A color can be applied to an Ionic component in order to change the default colors using the color attribute. Notice in the buttons below that the text and background changes based on the color set. When there is no color set on the button it uses the primary color by default.


1 Answers

In ionic-5, in theme/variables.css, you could add the following

ion-button {
 text-transform: none;
}

This would apply for the entire app. Also refer this github issue comment.

like image 105
Raghuram Avatar answered Oct 04 '22 16:10

Raghuram