Javascript CSS/HTML双字体颜色转换为选择选项

我对选择选项的自定义CSS/HTML有点问题

这是我的代码：

<select id="Month" class="form-styling-date splash_small required" title=" " style="" name="Month" tabindex="12">
<option value="1">Janvier</option>
<option value="2">Février</option>
....
<option value="11">Novembre</option>
<option value="12">Décembre</option>
<option value="9999" selected="selected">Mois</option>
</select>

您可以在中看到问题：并选择“注册”选项

我自定义CSS，在选中时将所选选项写为白色，因此当您选择箭头以查看所有选项时，背景和字体颜色设置为白色。所以我看不到选项列表

如何将此字体颜色更改为黑色，并在选择时将其变为白色，因为当我将字体颜色设置为黑色时，我会看到列表，因此，将字体颜色黑色转换为表单实际上不是一个可见的选择

感谢您的帮助

您应该尝试：

::-moz-selection { /* Code for Firefox */
color: white;}


::selection {
color: white;}

---

将默认样式更新为黑色：）

select

上的

color

属性将设置选项文本（包括选定的）的颜色，而向

select选项添加/覆盖颜色将设置不包括选定选项的选项的颜色，该颜色将基于为
select
指定的值进行设置

CSS:

select {
  color: white; /* color of selected option */
 }

select option {
  color: black; /* color of other options */
}

此外，如果您希望组件CSS在站点中保持不变，最好将通用样式添加到标记选择器。并根据要更改的类/id选择器添加特定样式

将选择保持为白色，但在您的情况下，将选择选项覆盖为黑色：

.form-styling-date option{
   color:black;
}

这是您的CSS的问题
在页面中添加此CSS。因为此页面包含三个选择，所以所有颜色都是白色

select option{
    color:#000;
}

给予

在
main.css
文件的第243行。
在您的selectbox@LiTHiUM2525，如果您希望您的CSS在整个站点中保持不变，最好将通用样式添加到标记选择器。并基于类选择器添加特定的样式，您希望在其中进行更改。此类选择器是否不会限制范围？我的意思是，OP需要将这个类添加到select（s）中，在那里他想要添加这个样式，而不是日期类型。是的，我将它添加到所有需要的范围中
select option{
    color:#000;
}

.form-styling-date option{color: black;}