How to override all generated back-button to MD style?

Ionic Framework ionic-v3
1

Currently working on a fork of the ionic-conference-app, and I am trying to override the default back button on all platforms to use the md style.

Using the built in nav, I push a view onto the nav controller, which automatically creates the back button on the subsequent view.
Note, I don’t explicitly create the back button in the html, otherwise I could simply do class=‘md’.

Is there any way for me to override the style of the auto generated back button?

Thanks!

2

Anyone have any insight?

Example
iOS auto-generates:

<button class="back-button bar-button bar-button-default show-back-button">
  <span class="button-inner"><ion-icon class="back-button-icon ion-ios-arrow-back" role="img" aria-label="arrow back"></ion-icon>
    <span class="back-button-text" style="transform: translateX(0px);">
      <span class="back-default">Back</span>
    </span>
  </span>
  <ion-button-effect></ion-button-effect>
</button>

Android auto-generates:

<button class="back-button bar-button bar-button-default show-back-button">
  <span class="button-inner"><ion-icon class="back-button-icon ion-md-arrow-back" role="img" aria-label="arrow back"></ion-icon>
    <span class="back-button-text">
      <span class="back-default"></span>
    </span>
  </span>
<ion-button-effect></ion-button-effect>
</button>

I know I can override and apply the MD style to all elements of the apps in app.js using:

config: {
   mode: "md"
}

However, I only want to over-ride this behaviour for back buttons. Is this possible??

3

hey @pjhartin did u get solution for how to override css of autogenrated back button