не могу в тег select написать option в котором была бы картинка

дорогие разработчики, мне необходимо создать список в котором можно было бы поместить картинку. Прошу,обьясните понятным языком. вот моя разметка -

<div class="country-inner">
            <p class="column-form_description">Страна*</p>
            <label for="country"></label>
            <select class="country-select" id="country" >
            
            </select>
            <input type="number" class="column-form_item" placeholder="Россия" v-model.trim = "numberPhone">
        </div>

Ответы (1 шт):

Автор решения: homgo

Например вот так

  <select>
      <option style="background-image:url(country1.png);">country1</option>
      <option style="background-image:url(country2.png);">country2</option>
  </select>
→ Ссылка