How can I adjust font size in a Treeview?

[jaaaaaang]

hi, thanks to your github !!
I have made my own Treeview in dashapp (plotly).
and then, now I want to adjust font size in a treemap text.

I gave the classname in my code and i set font size in the css file.
but it did not work.

}
.TREE{
    font-size: 40px;
}  

please help me !!!

--------this is my code dashapp----------
html.P(children='my TreeView', style = {'font-size':'25px'}),
html.Div(
TreeView(
id='input',
multiple=True,
checkable=True,
checked=['0-0-1'],
selected=[],
expanded=['0'],
data=mytree,),
className='TREE'),

[jaaaaaang]

self answer!

in the css file,
I did like below, then I could change the font size. but I still don't know how to adjust line-height and tree indent...etc.

if someone looked at this, help me !!

.TREE .ant-tree-node-content-wrapper {
font-size: 18px;
}

[Juanny-mht]

Hi i have the same problem, can you explain how did you solve it ? To add style on the component ?
I would like to add a background-color for each children of a node...

[dhknight]

The following works.
.ant-tree-node-content-wrapper { font-size: 18px; font-weight: bold; }
But it's really hard to customize. The file 'bundle.js' has nearly 50,000 lines.
I search 'dash ant design' and find an alternative to dash: https://fac.feffery.tech/AntdTree.
I think it a better choice.