Search code examples
angular-material

How do I set mdButton text to lowercase?


As you can see from here, mdButton will set your text with uppercase letters. What if I want to make lowercase?


Solution

  • Write your own class using css text-transform such as,

    .tolowercase {
        text-transform: lowercase;
    }
    
    .tocapitalize {
        text-transform: capitalize;
    }
    

    And apply it to the input/button.

    If you want htis behaviour throughout the system override the .md-button class in your css,

     .md-button {    
        text-transform: capitalize !important;/*For Lower case use lowercase*/
    }