【Material-ui】Buttonコンポーネントで文字が大文字になるのを小文字のまま表示する

スポンサーリンク

ボタン内のテキストを小文字のまま表示する

material-ui等のライブラリで、ボタンコンポーネントを使うとラベルの英字が勝手に大文字になってしまいます。あえて小文字のまま表示したい場合には余計なお世話です。

ボタンのラベルを小文字のまま表示するには、ラベルのstyleに下記のプロパティを指定すればOKです。

text-transform: none;

ライブラリではデフォルトでこのプロパティがuppercase等に指定されているものと思われます。詳細は下記公式を参照してください。

オンラインカジノ おすすめ|初心者向けに安全性・仕組み・ゲーム種類を徹底解説【最新版】
オンラインカジノ おすすめ を探す初心者向けに、安全性・違法性・税金・ゲームの種類・入出金方法までやさしく解説。仕組みや注意点も整理し、自分に合ったオンカジ選びをサポートします。

未経験、異業種からIT業界に転身。フロントエンジニア。主にJavascript(React.js)をつかったWEBアプリ開発にたずさわる。
お問い合わせ、ご相談など → genpsp10@gmail.com

psp7をフォロー
プログラミング
スポンサーリンク
シェアする
psp7をフォロー

コメント