Выберите вариант изменить внешний вид

Question

Можно ли отобразить раскрывающийся список, как прикрепленное изображение?

Текущий раскрывающийся список

Как dorpdown должен выглядеть как

код выглядит так:

   <select #emoji class="textboxclass" type="text" placeholder="Choose your mood" aria-label="Post" formControlName="emoji" required>
            <option value="" selected disabled hidden>?</option>
            <option *ngFor="let emoji of emojis" [ngValue]="emoji.value">
              {{ emoji.displayValue }}
            </option>
   </select>

Ниже приведены некоторые из смайлов, которые я использую для отображения в раскрывающемся списке:

  emojis = [
      {
        displayValue: '?',
        value: 'happy'
      },
      {
        displayValue: '?',
        value: 'blushed'
      },
      {
        displayValue: '?',
        value: 'grinning'
      },
      {
        displayValue: '?',
        value: 'confused'
      },
      {
        displayValue: '?',
        value: 'happy3'
      },
      {
        displayValue: '?',
        value: 'happy4'
      },
      {
        displayValue: '?',
          value: 'happy5'
      },
      {
        displayValue: '?',
        value: 'sick'
      },
      {
        displayValue: '?',
        value: 'astonished'
      },
      {
        displayValue: '?',
        value: 'cold'
      },
      {
        displayValue: '?',
        value: 'cry'
      }
  ];