как использовать значки перьев в раскрывающемся списке выбора

Question

Я использую значки перо .

Как использовать значок пера в теге <option>?

Обычно я использую такие значки

<span data-feather="calendar"></span>

feather.replace()

Но в теге параметров значки перьев не отображаются

<option>
    <span data-feather="calendar"></span>
    This Week
</option>

<span> удаляется в браузере.

Как отобразить значки перьев в раскрывающемся списке?

Answer 1

Вы должны вызвать метод feather.replace():

<script>
  feather.replace()
</script>

Все элементы, у которых есть атрибут data-перья, будут заменены на разметку SVG, соответствующую их значению атрибута data-перо.

См. Справочник по API для получения дополнительной информации о Fee.replace ().