Как сделать параметры выпадающего меню такими же, как у элемента select? - PullRequest
Новая
       17

Как сделать параметры выпадающего меню такими же, как у элемента select?

0 голосов
/ 11 апреля 2019

Я использую Bulma для стилизации моей страницы.По какой-то причине параметры в раскрывающемся списке не соответствуют стилю самого элемента select, см. Этот снимок экрана:

enter image description here

Я запускаю сайт налокальный хост с Ubuntu 18.04, использующий Firefox.Сайт использует угловой, вот код для меню выбора. 

    <div class="select is-success is-fullwidth selectOverflowStopped">
      <select [(ngModel)] = "leasing" (change)="setLeasingPrice()">
        <option [ngValue]="0.0014" >12 Monate ( 0.14%) </option>
        <option [ngValue]="0.0011">24 Monate ( 0.11%) </option>
        <option [ngValue]="0.001">48 Monate ( 0.1%) </option>
      </select>
    </div>

Я уже прочитал несколько других постов на SO по этой теме, но ни один из них не имел дело с проблемой, что элементы optionBY DEFAULT отображается иначе, чем элемент select.

1 Ответ

0 голосов
/ 11 апреля 2019

Я переопределил поведение по умолчанию в моем случае, потому что в Firefox (в любом случае для Linux, для других ОС я не знаю) он берет стиль из темы Gtk.

Поэтому добавьте что-то подобное в вашем стиле, чтобы решить проблему: 

select option {
  color: white !important;
}

select option, select optgroup {
  background-color: #363636 !important;
}

::placeholder {
  color: #aaa !important;
}
...