Closed1
【Material ui】Button配下の英字を自動的に大文字になることを防ぐ
何について書く?
- Button配下の英字を自動的に大文字になることを防ぐ
内容
- Button配下の英字は自動的に大文字になるため、データ通りの表示をするために下記対応を行う。
-
textTransform: 'none',
を適用することで対応する。 - 尚、データは小文字のままなので入れるデータに
.toLowerCase()
を適用しても大文字を解消することは無いので注意。あくまで本件はmaterial-uiのcss要因である。
const styles = {
css: {
textTransform: 'none',
}
}
<Button className={classes.css}>
test
</Button>
参考サイト
このスクラップは2022/04/17にクローズされました