Make tab button text non uppercase

Ionic Framework ionic-v3
1

By standard it seems like the tab buttons in Ionic2 are uppercase, what is the variable for changing that? Or shouzld I do that with normal css?

2

I fixed this with CSS. There are no variables:

.tabs {
    .tab-button {
        .tab-button-text {
            text-transform: none;
        }
}
4 Likes
4

I had the same issue with navigation back button being uppercase. I used below css in app.scss file for ionic RC0
.back-button-md {
text-transform: none;
}

5

Try adding the attribute text-capitalize=“false” to your buttons.

2 Likes