我使用这种设计：
设计正在使用bootstrap-select。正如您在页面中间看到的那样，-- Please select --选项是一个空值，但文本是黑色而不是灰色。在表单中使用选择菜单时，所有其他表单元素的所有占位符都是灰色的，而不是选择菜单。
我已经检查了这里给出的所有答案：
How do I make a placeholder for a 'select' box?
但它们都不适合这种设计。 bootstrap-select css的链接：
有没有人知道为空选择菜单值显示灰色文字的解决方案？在bootstrap-select示例页面上，它按预期工作。
答案 0 :(得分：1)
我刚刚测试了这一部分：
https://gurayyarar.github.io/AdminBSBMaterialDesign/pages/ui/list-group.html
带有链接项目的CONTEXTUAL CLASSES和其他选择框。
正如我所看到的那样，我选择了这个例子，但是所选对象和悬停对象之间的色差很小，你可以认为它没有选择高英寸屏幕。
您可以通过将不透明度更改为0.8到0.1来更改悬停选择，例如使用链接项目的上下文类别，列表组青色，以更改悬停选择：
此示例仅适用于青色颜色：
.list-group .list-group-bg-cyan:focus{
opacity: 0.1;
}
希望它有所帮助，
如果是其他组件，请提供示例或链接