Select 菜单占位符空值灰色文本

Question

我正在使用这个设计：

该设计正在使用 bootstrap-select。正如您在页面中间看到的那样，-- Please select -- 选项是一个空值，但文本是黑色的，而不是灰色的。在表单中使用 select 菜单时，所有其他表单元素的所有占位符都是灰色的，而不是 select 菜单。

我已经检查了这里给出的所有答案：

How do I make a placeholder for a 'select' box?

但其中 none 个适用于此设计。 Link 为 bootstrap-select css:

有人知道为空 select 菜单值显示灰色文本的解决方案吗？在 bootstrap-select 示例页面上，它按预期工作。

Answer 1

带有上下文类带有链接项和其他选择框。

如我所见，示例被选中，但是选中的对象和悬停对象之间的颜色差异很小，你可以认为它没有被高亮度屏幕选中。

您可以通过将不透明度更改为 0.8 到 0.1 来更改悬停选择，例如 CONTEXTUAL 类 WITH LINKED ITEMS，list-group 青色：

它仅适用于 cyan 颜色此示例：

.list-group .list-group-bg-cyan:focus{
   opacity: 0.1;
}

希望对您有所帮助，

如果是其他组件请提供示例，或者link

Select menu placeholder empty value grey text