Css 材质UI应用程序栏标题样式
是否可以根据材质UI标题而不是内联方式设置AppBar的样式? 我有一个单独的css文件,我想改变标题的大小,例如 像这样的事情:Css 材质UI应用程序栏标题样式,css,reactjs,material-ui,Css,Reactjs,Material Ui,是否可以根据材质UI标题而不是内联方式设置AppBar的样式? 我有一个单独的css文件,我想改变标题的大小,例如 像这样的事情: .app-bar title { font-size: 120px !important; } 谢谢:)尝试.app bar h1或.app bar*设置css代码的样式,然后将.app bar添加到AppBar组件类名中,正如您在文档中看到的那样,组件接受wrappper的类名,并具有不带类的h1标记,因此您可以尝试: .app-bar h1 { fon
.app-bar title {
font-size: 120px !important;
}
谢谢:)尝试
.app bar h1
或.app bar*
设置css代码的样式,然后将.app bar添加到AppBar组件类名中,正如您在文档中看到的那样,组件接受wrappper的类名,并具有不带类的h1标记,因此您可以尝试:
.app-bar h1 {
font-size: 120px !important;
}
及
我解决了这个问题。解决方案:
<AppBar className="app-bar"
title={<div className="app-bar-title">Tomek The Title</div>}
我解决了这个问题,但问题又如何呢!重要的是,从另一方面来说,它不起作用,到目前为止,它看起来是这样的:。应用程序栏{背景颜色:#de6927!重要;位置:固定!重要;顶部:0!重要;显示:灵活!重要;灵活方向:行!重要;对齐项目:中心!重要;}
<AppBar className="app-bar"
title={<div className="app-bar-title">Tomek The Title</div>}