我为我的应用dcc.dropdown
使用了Dash
,并且更改了样式。我还设法在下拉选项中更改了背景和文本的颜色。但是,我似乎无法更改可以在下拉菜单中键入的文本样式(这也是输入新值的一种非常有用的方法)。关于如何解决这个问题有什么想法吗?
短划线HTML:
html.Div(
[html.H1(children='2.',className="drop-zone-h1"),
dcc.Dropdown(id='category-col-selection-dropdown',
options=[],
placeholder="Select category column",
className="drop-zone-dropdown"
)
],className="drop-zone-columns"
),
CSS:
.drop-zone-columns {
display: grid;
grid-template-columns: 2rem 1fr;
align-items: center;
margin: 1rem;
}
.drop-zone-dropdown {
color: #fff;
margin: 1rem;
font-size: 1.428571rem !important;
font-family: SourceSansProSemiBold;
/*width:380px*/
}
答案 0 :(得分:1)
一种方法是使用Div样式的“字体大小”
html.Div([dcc.Dropdown(id="component_id",
options=[{'label': val, 'value': val} for val in mylist],
value=value,
style ={'backgroundColor': "#ffffff",
'width':'20vH','height':'40px'})
],className = '...',
style={'height':height,
'margin-top': '0px',
'margin-left': '10px',
'font-size': '12px'})