How do I set mdButton text to lowercase?

Question

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

Answer 1

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*/
}

Answer 2

Remove the text-transform from md-button in CSS:

md-button {
  text-transform: none
}