Monaca Onsen UI Discord Chat Github Repo

How to change the icon's color of BackButton?



  • Thanks a lot!



  • Sorry for late reply.

    <ons-page>
      <ons-toolbar>
        <div class="left">
          <ons-back-button>back</ons-button>
        </div>
      </ons-toolbar>  
    </ons-page>  
    
    .back-button__icon {
        fill: red;
    }
    .back-button__label {
        color: orange;
    }
    

    Use .back-button__icon: { fill: the color you want}, will change the left arrow color, and .back-button__label to change the color of text.

    Best Regards,
    Gobi