使用javascript将下拉字段选择更改为#333

我有一个下拉字段，其中有占位符文本和一些选项可供单击后选择。最初，占位符文本是#333，选择选项也是如此。我使用以下代码成功地将占位符文本更改为浅灰色：

#estimation_popup select  {
   color: #b2b7c8 !important;
}
#estimation_popup select option {
   color: #000000!important;

以下是一个显示结果的可视化视图：

然而，问题是，在选择一个选项后，颜色是浅灰色，而我希望它是#333。我理解为什么会发生这种情况，但我认为只有使用javascript才能解决这个问题，而我并不擅长javascript

以下是一个可视化视图，显示选择某个选项时发生的情况：

---

请有人帮我将所选值更改为#333。

我猜您希望输入为#333。我认为你不需要JS来做那件事。只需给输入一个颜色：#333使用CSS。我希望我没有弄错你的问题。

.mydropdown{
宽度：240px；
高度：40px；
字体系列：开放式SAN；
溢出：隐藏；
背景色：#FFF；
填充：10px；
右边距：30px；
轮廓颜色：浅绿色；
颜色：#333；
}
.My下拉列表选择{颜色：黑色；}
.mydropdown选项：未（：选中）{color:black；}
.mydropdown选项：选中{color:black；}
.mydropdown选项[禁用]：第一个子项{display:none；}

蔡卓妍
结果1
结果2
结果3

您应该能够更改这两个选项或使用CSS

颜色选择属性：


选择{
颜色：#333；
}
选择权{
颜色：#000；
}

对
还没有
不确定
使用select上的required属性在无效时选择它。当您将占位符选项的值设置为“”时，您可以使用：invalid选择它！看看这个：


选择{
颜色：黑色；
}
选择选项{
颜色：#333；
}
选择：无效，选择选项：禁用{
颜色：浅灰色；
}

单击此处选择
对
还没有
不确定
这是有道理的，但我无法轻松地将“选定禁用”部分添加到下拉html中。我确实有权访问自定义js区域，但是否可以将其附加到保存下拉字段的类中？我认为它是“.select.form-control”。谢谢，这看起来不错，但是像上面的答案一样，是否可以使用JS将选中的禁用部分放入类中？我无法轻松访问HTML代码，但我有一个自定义js区域，因此我最初寻找js解决方案的原因是：）当然！使用一些DOM操作库来轻松地完成这项工作！张贴您的实际代码，我可以帮助您！忘记提到你的用户名了，你能看一下吗？虽然这样做有效，但不能解决问题。我希望占位符文本是灰色的（这是第一个选项文本），下拉选项（选项2+）是黑色的，然后一旦选择了一个，它也应该是黑色的。