破折号情节/ CSS。下拉菜单中所选选项的字体颜色答案

【问题标题】：Dash plotly / CSS. Font color of selected option in the dropdown menu破折号情节/ CSS。下拉菜单中所选选项的字体颜色
【发布时间】：2021-05-31 07:00:28
【问题描述】：

如果有人可以帮助我，我将不胜感激。

我可以通过以下方式更改菜单的字体颜色： style={'color': '#C0C0C0', 'font-family': 'Arial'} 但是当我从菜单中选择选项时，字体颜色会变为蓝色。

我尝试过： style={'font-color': '#C0C0C0'} 和： style={'font-color': 'black'} 但是当我选择该选项时，它仍然在菜单中显示为蓝色。

截图如下：

期待您的帮助。谢谢。

【问题讨论】：

我是否理解正确：标签“法国”不应该显示为蓝色，而是显示为灰色？ (#C0C0C0)。背景还可以吗？
@bk_ 嗨，是的。后台没问题。但“法国”标签不应显示为蓝色。

标签： css plotly-dash

【解决方案1】：

您需要直接修改 CSS 以更改所选选项的样式。如果您以前从未这样做过，那么在项目的根目录下创建一个资产文件夹并在该资产目录中创建一个 .css 文件（名称无关紧要）。输入下面的代码（并根据需要进行修改），然后保存 - 您的 Dash 应用程序应在保存时动态重新加载 .css 文件，以便您可以尝试各种选项并查看哪些有效。

.Select--multi > .Select-control .Select-value, .Select-placeholder {
    border: 1px solid grey;
    border-radius: 4px;
    background-color: white;
    color: #C0C0C0;
    
}

这是一个运行我自己的 dash 应用程序的示例：

默认视图

用css

【讨论】：