【フォームブリッジ】ドロップダウンの初期表示の文字色

お世話になっております。

 

【やりたいこと】

フォームブリッジでドロップダウンフィールドを表示する際に

以下の画像のような表示になるかと思います。

これの「選択してください」の文字と右の↓の記号の色が薄くなっているものを

目立たせるために色を濃くしたいと思っています。

 

【試したこと】

以下のコードを適応しました。

「font-weight:」にて文字の太さが太くなったことは確認できましたが、

「opacity:」で文字の透明度が解除されると思いましたが実現できず。

.el-input__inner{
opacity:1 !important;
border-radius: 2px !important;
color:#090909 !important;
font-weight: bold;
}

何か方法がございましたらご教示いただけますと幸いです。

どうぞよろしくお願いいたします。

Kkkeさん

こんにちは。

 

「選択してください」の文字列は、<input>タグのplaceholderで設定されたものです。
そのため、以下のようにplaceholderに対してcssを当てます。

.el-input__inner::placeholder {
  color: #090909 !important;
}

V記号は、HTMLでは、input兄弟要素配下の<i>タグで定義されています。
これが別のクラスになりますので、以下のようにします。

opacityは不要かと思います。

.el-select __caret.el-input__ icon.el-icon-arrow-up {
  color: #090909;
}

koichiさま

 

記載いただいたコードで実現できることを確認いたしました。

ご回答いただき、誠にありがとうございました。