Change back-button color


#1

I would like to change the back-button color for nav-bar. Please guide me as to how I can do that. Thanks


#2

Try this…

<ion-nav-back-button style="color: red;">
</ion-nav-back-button>

How to change the back button color in Ionic 2
#3

You could do use the button- class on the back button.

    <ion-nav-bar class="bar-light">
      <ion-nav-back-button class="button-royal">
      </ion-nav-back-button>
    </ion-nav-bar>

#4

@mhartington
This issue didnt work for me.
i write that in my index.html:

      <ion-nav-bar class="bar-calm" align-title="center">
       <ion-nav-back-button class="button-royal">
       </ion-nav-back-button>
      </ion-nav-bar>

And the button back is grey.


#5

#6

if i want another couleur ? please help me out


#7

How can i change the backbutton color on ionic v2RC4?


#8

Just change the style directly in your app.scss:

.back-button {
  color: #f45b5f !important;
}

#9

HI ,
I want to change icon of back button on specific page from < to * (cross) .So please guide me