@KretininAS

Как добавить картинку в выпадающий список select option?

Обращаюсь за помощью, необходимо в список добавить картинку. Могу использовать только select - option, так как это готовая админка cms.
Проблема в следующем: если список multiple, то все отлично работает, но мне нужен с одинарным выбором. Только убираю multiple - все стили пропадают и картинка фона тоже. Возможно ли вообще реализовать данную задачу и как?
Не верстальщик, всех тонкостей не знаю.
C multiple:
5c6abe99df95d432770843.png
без:
5c6abea36ae26278445231.png
Код:
<select multiple style="width: 150px;">
             <option style="height: 30px;
                            font-size: 30px;
                            background: url(/images/skype.svg) 100% 50% no-repeat;">
                Skype
            </option>
             <option>Whatsapp</option>
</select>


Не css, так как будет использоваться js для добавления свойств
  • Вопрос задан
  • 3216 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Gortyser
display: none;
Сделать кастомный селект. На нативном селекте такое сделать не выйдет.
Ну или использовать какой-нибудь иконочный шрифт, если найдете что-то подходящее.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы