セレクトボックスの選択肢に一部分だけ装飾を行いたい

Question

前提・実現したいこと

添付画像のように、
セレクトボックスの選択肢に一部分だけ装飾（赤字表示）を行いたいです。

全面を装飾する方法なら見つかったのですが、部分的に行う方法が見つからず質問させていただきました。
また、極力jsは使用せずcssで指定できればと思うのですが可能でしょうか。

html,cssの実装は日が浅く、どう試していいかも分からない状態です。
（とりあえずselectタグに直接指定などをしてみましたが、反映されませんでした…。）

ご教示お願いできませんでしょうか。
よろしくお願い致します。

Answer 1

そういう仕様のセレクトボックスはありませんので、CSSだけでは難しいです
jsを絡めた疑似セレクトボックスを作るのが妥当です