Material-UI app bar标题样式

Question

是否可以从Material-UI标题设置AppBar的样式，而不是内联方式？ 我有一个css文件单独，我想改变标题的大小，例如。

像这样：

.app-bar title {
    font-size: 120px !important;
}

谢谢：）

Answer 1

我解决了这个问题。解决方案：

 <AppBar className="app-bar"
                            title={<div className="app-bar-title">Tomek The Title</div>}

然后在css文件中添加样式。

Answer 2

尝试.app-bar h1或.app-bar *来设置css代码的样式，然后将.app-bar放到AppBar Component className

Answer 3

正如您在文档中看到的那样，http://www.material-ui.com/#/components/app-bar组件接受了wrappper的className并且没有class的h1标记，因此您可以尝试：

.app-bar h1 {
font-size: 120px !important;

}

和

<AppBar className='app-bar' />