Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

materialize

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?

like image 252
G.D Avatar asked Sep 07 '15 20:09

G.D


People also ask

How do you change uppercase to capital in CSS?

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).

How do you change uppercase to text?

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.

How do you uppercase all letters in CSS?

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.”


2 Answers

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;
}
like image 75
ziganotschka Avatar answered Oct 02 '22 16:10

ziganotschka


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

like image 38
Motassem MK Avatar answered Oct 02 '22 14:10

Motassem MK