選択メニュープレースホルダ空の値灰色のテキスト

Question

私はこのデザインを使用しています：

AdminBSB Material Design

デザインがbootstrap-selectを使用しています。ページの中央に表示されるように、-- Please select --オプションは空の値ですが、テキストはグレーではなく黒です。フォーム内の選択メニューを使用する場合、他のすべてのフォーム要素のプレースホルダはすべて、選択メニューではなく灰色です。

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

をしかし、それらのどれもが、この設計のために働くん：

私はすでにここに与えられたすべての答えをチェックアウトしました。 bootstrap-select CSSのリンク：

AdminBSB Bootstrap Select CSS

誰もが空の選択メニューの値のための灰色のテキストを表示するためのソリューションを知っていますか？ブートストラップの選択例ページでは、意図したとおりに動作しています。リンクされたアイテム、および他の選択ボックスWITH CONTEXTUALクラスと
https://gurayyarar.github.io/AdminBSBMaterialDesign/pages/ui/list-group.html

：

Bootstrap Select Example Page

Answer 1

は私だけに、このセクションをテストしました。

この例では選択されているものの、選択されたオブジェクトとホバーオブジェクトの色の差は非常に小さいため、高輝度スクリーンでは選択されていないと考えることができます。

あなたは0.1〜0.8の不透明度を変更することによってリンクされたアイテム、リスト群シアン色で例えば、CONTEXTUALクラスを持つホバー選択を変更することができる：

はシアン色この例だけです。

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

が、それは別のコンポーネントである場合の例を提供してください

、それがお役に立てば幸い、またはリンク