выровнять содержимое matSuffix по тексту внутри поля ввода mat-form-field

Question

У меня есть поле формы mat с <span>?</span> как matSuffix

<mat-form-field appearance="outline">
  <input matInput
    placeholder="Details"
    name="details"
    required />
  <span matSuffix>?</span>
</mat-form-field>

Проблема в том, что emigi не выравнивается с текстом

Есть идеи как исправить?

Answer 1

Используйте DIV и попробуйте отрегулировать положение значка, чтобы компенсировать несоответствие между размером шрифта по умолчанию 16px и размером стандартного суффикса mat-icon 24px:

<div matSuffix style="position: relative; bottom: 8px;">?</div>