我的仪表板有多个页面,每个页面都包含顶部导航栏和容器。
在我的 style.css 文件中,只有一个 body 可以更改 body 的背景颜色,目前我更改了容器的背景颜色。
我的问题是:从一页切换到另一页时,是否可以更改全身的背景颜色?
page1_layout = html.Div([navbar_page1, container_page1])
page2_layout = html.Div([navbar_page2, container_page2])
container_page1 = html.Div([top_info_page1, grid_container_page1]
container_page2 = html.Div([top_info_page2, grid_container_page2]
:root {
--text-color: #798d8f;
--tab-color: #212529;
}
/* Add background color to entire app */
body {
background-color: var(--text-color);
}
#container-page1 {
margin-left: 1%;
margin-right: 1%;
}
#container-page2 {
margin-left: 1%;
margin-right: 1%;
background-color: #DADADA;
你可以给 body 元素一个 class/id 并设置特定的 class/id 背景颜色
<body id="page1">content</body>
<body id="page2">content</body>
body{
background: red;
}
#page2{
background: blue !important;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句