Closed1

【Material ui】Button配下の英字を自動的に大文字になることを防ぐ

hirohiro

何について書く?

  • Button配下の英字を自動的に大文字になることを防ぐ

内容

  • Button配下の英字は自動的に大文字になるため、データ通りの表示をするために下記対応を行う。
  • textTransform: 'none',を適用することで対応する。
  • 尚、データは小文字のままなので入れるデータに.toLowerCase()を適用しても大文字を解消することは無いので注意。あくまで本件はmaterial-uiのcss要因である。
const styles = {
  css: {
    textTransform: 'none',
  }
}

<Button className={classes.css}>
  test
</Button>

参考サイト

https://yucatio.hatenablog.com/entry/2018/11/27/090412
https://lab.syncer.jp/Web/JavaScript/Snippet/45/

このスクラップは2022/04/17にクローズされました