[英]Styling Accordion dash bootstrap component
这是代码:
import dash_bootstrap_components as dbc
from dash import html
accordion = html.Div(
dbc.Accordion(
[
dbc.AccordionItem(
"This is the content of the first section", title="Item 1"
),
dbc.AccordionItem(
"This is the content of the second section", title="Item 2"
),
dbc.AccordionItem(
"This is the content of the third section", title="Item 3"
),
],
start_collapsed=True,
),
)
要调整 Item 样式,您需要更改
.accordion-button<\/code>的样式。
要在打开手风琴项时调整样式,您需要更改
.accordion-button:not(.collapsed)<\/code>的样式。
这是一个放大“项目”文本并将项目打开时的颜色更改为红色的示例:
.accordion-button {
font-size: xx-large;
}
.accordion-button:not(.collapsed) {
background-color: red;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.