is there any way to change the caption of buttons from capital letters to small letters, in materializedcss?

I'm using materialized css to design my personal website. when I use the button, its caption is always shown in capital letters. I tried to change it but failed to do so. can anyone help me out with this, please?

Solution 1:

Add this to your css

.btn {
    text-transform: unset !important;
}

or if you want to change it for specific buttons only, add this to your css :

.no-uppercase {
     text-transform: unset !important;
}

then just add no-uppercase to the desired buttons' classes.

Updated to newer syntax thanks to @ziganotschka

Solution 2:

There has been a syntax change

• This syntax is deprecated now:

.btn {
  text-transform: none !important;
}

• The following syntax is now to be used (as of 02-02-2021):

.btn {
  text-transform: unset !important;
}