【】ドロップダウンボックスへのアイコン追加の問題_html/css_WEB-ITnose

ここで、ドロップダウン ボックスにアイコンを追加する必要があります。 コードは次のとおりです。

<select class="selectpicker show-tick">    <option class="icon-heart" value="icon-heart"> icon-heart</option>    <option class="icon-star" value="icon-star"> icon-star</option>    <option class="icon-film" value="icon-film"> icon-film</option>    <option class="icon-file" value="icon-file"> icon-file</option> </select>

ブートストラップ選択コントロールが使用され、表示効果は次のとおりです。

ドロップダウン ボックスにアイコンが表示されないのはなぜですか。最初の選択後にボックスをダウンしますか?

ps: 望ましい効果は次のとおりです (マウスが他の場所をクリックすると、選択したものが表示されます):

ディスカッションに返信 (解決策)

私はこの問題を解決しました、解決策を追加するだけですドロップダウンボックスのフォントに色を合わせます

<style type="text/css">    .special {        color: #808080 !important;    }</style>

以上です

これが質問と回答のリズムですか？コントロールなしで実装するのも非常に簡単です。

これは投稿者が自分自身の質問をして答える時ですか?コントロールなしで実装するのも非常に簡単です。

誰も答えていない重要なポイントは、これを制御なしで実装する方法ではないでしょうか?

js マウスイベントを解決できる