Question

我为我的应用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*/
}

Answer 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'})

短划线在下拉菜单中键入文字样式

1 个答案: