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?
You can use the text-transform CSS property to capitalize text in different forms. This property can modify text to be in uppercase, lowercase, or capitalized (so that each word begins with a capital letter and the remaining characters in the word retain their original form).
To use a keyboard shortcut to change between lowercase, UPPERCASE, and Capitalize Each Word, select the text and press SHIFT + F3 until the case you want is applied.
You can achieve CSS all caps by using the keyword “capitalize.” In addition, text-transform capitalize converts all the first letters in all words to uppercase. Other values you can use with text-transform include “none,” “lowercase,” “full-width,” and “full-size-kana.”
.btn {
text-transform: none !important;
}
.btn {
text-transform: unset !important;
}
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
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With