Как при выборе option вставить иконку?

Question

[McThinker]

Есть select он работает с иконками как надо

<select style="height: 45px;" data-placeholder="Канал" class="chzn-select" name="chanel">
    <option value="" selected disabled
            hidden>Канал</option>

    <option value="phone" style="color:green; font-family: FontAwesome; font-size: 20px;">&#xf095; </option>
    <option value="email" style="color: red; font-family: FontAwesome; font-size: 20px;">&#xf0e0;</option>
</select>

как теперь в выбранный option отобразить эту иконку?

Comments

[Rustam Bainazarov]

Никак. Используйте JS-плагины.

https://joshuajohnson.co.uk/Choices/
https://select2.org/

[McThinker]

Рустам Байназаров, разобрался, надо дополнительно прописать стили для chosen-single

.chosen-single span {
    font-family: 'FontAwesome';
    font-weight: 400;
}

[Ankhena]

McThinker, вы шикарно вопросы задаете.
В вопросе хоть как-то упоминаются эти chosen-single и его span?

Хоть бы плагин указали какой используете, не говоря уж про достаточный для ответа код.

[McThinker]

Ankhena, вопрос может и задан не совсем четко и не со всеми разъяснениями, но это не повод говорить "никак". Достаточно было уточнить.

<link href='http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'
          type='text/css'>
<select style="height: 45px;  font-family: FontAwesome;" data-placeholder="Канал" class="chzn-select" name="chanel">
    <option value="" selected disabled
            hidden>Канал</option>

    <option value="phone" style="color:green; font-family: FontAwesome; font-size: 20px;">&#xf095; </option>
    <option value="email" style="color: red; font-family: FontAwesome; font-size: 20px;">&#xf0e0;</option>
</select>

Вот код без всяких плагинов. Работает? Да!

[Ankhena]

McThinker, тех самых селекторов так и не появилось :)

В целом вы правы.
Разве что шрифт можно не писать сотню раз, достаточно один раз указать в css для селекта. Тоже самое с fz для option. Еще есть inherit он тоже экономит.

Ну да разобрались и ок.