I would like to customize the tabs in the accordion bootstrap component<\/a> .
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,
),
)
To adjust the Item styling, you need to change the styling for .accordion-button<\/code> .
To adjust the styling when opening an accordion item, you need to change the styling for
.accordion-button:not(.collapsed)<\/code> .
.accordion-button {
font-size: xx-large;
}
.accordion-button:not(.collapsed) {
background-color: red;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.