Что делать если не отображаются Font Awesome иконки?

Question

[SUS_ITS_LOVE]

У меня есть страничка где исполюзуються Font awesome
Когда я обращаюсь к иконкам как

<button id="btn_toogle_header"><i class="fa fa-bars"></i></button>

То все работает, но если вот так

<option value="man">I am man <i class="fa fa-mars"></i></option>

То она даже отображается в Chrome Dev Tools.

Comments

[Andrew Dry]

Попробовать использовать псевдоэлемент :after

option[value="man"]:after {
font-family: "Font Awesome 5 Free"
content: "/f007";
}

font-family возможно другой нужно указать, посмотрите, какой используется у вас

Answer 1

[xdevelx]

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
<option>

Разрешенное содержимое - Текст, допускаются экранированные символы (например é).

https://www.w3.org/TR/2011/WD-html5-author-2011080...

Content model: Text.

Comments

[SUS_ITS_LOVE]

А есть какой-то способ поместить туда иконку или делать випадающий список с нуля?

[xdevelx]

SUS_ITS_LOVE, font awesome - это шрифт. Вот и вставляйте текстом https://jsfiddle.net/n31pbqog/554/