在materializedcss中有什么方法可以将按钮的标题从大写字母更改为小写字母？

Question

我正在使用物化css来设计我的个人网站。当我使用按钮时，其标题始终以大写字母显示。我试图改变它但没有这样做。有人可以帮帮我吗？

Answer 1

将此添加到您的css

.btn {
    text-transform: none;
}

或者如果您想为特定按钮更改它，只需将其添加到您的css：

.no-uppercase {
     text-transform: none;
}

然后只需将no-uppercase添加到按钮＆＃39;课程。

Answer 2

语法有变化

• 此语法现已弃用：

.btn {
  text-transform: none !important;
}

• 现在将使用以下语法（截至 2021 年 2 月 2 日）：

.btn {
  text-transform: unset !important;
}

Answer 3

您必须像下面那样覆盖css文件中的按钮类

span.MuiButton-label {
 text-transform: none;
 font-family: sans-serif !important; //change any font style
}

Answer 4

是的，您只需要在如下所示的Button标记中添加CSS

<Button style={{color:'white',textTransform:'none'}}>Home</Button>