CSS&；HTML：设置所选选项的样式（作为占位符显示在下拉列表中） 编辑：

我不知道为什么我得到了两张反对票，因为仍然没有人解决这个问题

问题: 我无法设置所选选项（将功能用作占位符）的颜色样式

我尝试了其他一些silimar解决方案，但找不到基于HTML/CSS的解决方案

选项{
颜色：#999；
}
/*不起作用*/
选项：选中{
颜色：蓝色；
}

选择一个选项
选择1
选择2
选择3
选择4

无法设置

选择

控件的该

选项

元素的样式，因为该元素呈现为HTML，背景色和颜色除外

---

属性。

您可以更改选择和选项的样式，如下所示：-

如果要设置每个选项标记的样式。。使用css属性选择器：

select option {
    margin:40px;
    background: rgba(0,0,0,0.3);
    color:#fff;
    text-shadow:0 1px 0 rgba(0,0,0,0.4);
}

select option[val="1"]{
    background: rgba(100,100,100,0.3);
}

select option[val="2"]{
    background: rgba(200,200,200,0.3);
}

---

它可能会帮助您。

您不需要

：所选的
选择器：
就这么做吧：

#frmMaand option {
  color:#999;
}

试试这个代码


选项{
颜色：#999；
}
/*不起作用*/
选项：选中{
颜色：蓝色；
}
.styled offer select.offer-select{
颜色：蓝色；
}
.styled offer select.offer-select选项{
颜色：#999；
}

选择一个选项
选择1
选择2
选择3
选择4
如何隐藏、禁用和选择它？您无法看到
隐藏的
元素。你会怎么做呢@JustDevelop.希望这有助于@PraveenKumar在未选择任何内容时可见，因此必须有一种方式可以设置它的样式。这可能有助于我按颜色设置选项元素的样式，但不能按所选元素设置样式。对此，必须有一个好的、干净的解决方法。感谢您的回复，但是当我使用选项[val=”“]选择器（对于具有空值的选项）时，它仍然没有得到样式化。我想将该选项用作select元素的占位符，但我不想将其显示在列表中。应用您的示例，所有选项都将设置样式，而不是在未选择任何内容时显示的“占位符”。+1，因为这是最接近我的问题的解决方案。现在唯一的问题是，如果选择了选项，那么可选择的选项需要有自己的颜色。只有“占位符”需要不同的颜色。