Python-下拉更改内容颜色

Question

我试图在 Python Dash 中将下拉内容列表的背景颜色更改为绿色样式，但我无法这样做。有人能帮我吗？我是 CSS 新手。

dcc.Dropdown(
                        id = 'business_area_dropdown',
                        options=[
                            {'label': 'Academia', 'value': 'academia'},
                            {'label': 'Energy', 'value': 'energy'},
                            {'label': 'Research', 'value': 'research'}
                        ],
                        placeholder="Select Business Area",
                        style = {"background-color":"green"}
                        width = '40%',
                        display = 'inline-block',
                        verticalAlign = "middle"
                        )
                    )

Answer 1

您应该在 assets 目录内的 css 文件中指定您的 css 样式。根据this post ，你可以创建:

1. app.py 文件:

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()

app.layout = html.Div(dcc.Dropdown(id = 'business_area_dropdown',
                                   options=[{'label': 'Academia', 'value': 'academia'},
                                            {'label': 'Energy', 'value': 'energy'},
                                            {'label': 'Research', 'value': 'research'}],
                                   placeholder="Select Business Area",),)

if __name__ == "__main__":
    app.run_server()

1. 一个目录assets，里面有一个css文件style.css:

#business_area_dropdown .VirtualizedSelectFocusedOption {
  background-color: green;
  color: white;
}

你得到: