<ons-input modifier="material">



  • Hi

    How I change the floating/underbar color fromTeal to regular blue please?

    Thanks for your help!


  • Onsen UI

    @mmike The best way would be generating your own theme (a new guide will be added soon to onsen.io ).

    Otherwise, you can simply inspect the DOM and check the classes that provide colors:

    .text-input--material__label--active {
      color: blue;
    }
    
    .text-input--material:focus {
        background-image: -webkit-linear-gradient(blue, blue), -webkit-linear-gradient(bottom, transparent 1px, #afafaf 1px);
        background-image: linear-gradient(blue, blue), linear-gradient(to top, transparent 1px, #afafaf 1px);
    }
    

Log in to reply