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;
}

然后你会得到：

​

​

​

​

Answer 2

尝试使用：

#business_area_dropdown .Select, .Select div, .Select input,.Select span { 
background: #yourcolor  /*to change the background color of the options*/
color: #yourcolor  /*to change the color of the options */
}

它应该会更改DropDown元素的所有背景