ng-select angular 5 изменить цвет фона при наведении на элементы в списке параметров

Question

Я пытаюсь изменить цвет фона элемента в списке параметров: hover.Я заметил, что есть отмеченный класс, который добавляется к тегу div при наведении курсора.

У меня есть это в моем угловом компоненте, который использует компонент ng-select:

 ng-select {
    .ng-option {
      .marked {
        background-color: red;
      }
    }
  }

Это не работает.Каков наилучший способ справиться с изменением цвета фона при наведении курсора для ng-select

Answer 1

В вашем файле css / scss:

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
    background-color: red;
}

Не забудьте импортировать стили ng-select в вашем style.scss.

// Import ng-select component styles
@import "~@ng-select/ng-select/themes/default.theme.css";

Если вы хотите раскрывающийся списокЦвет кнопки для изменения при наведении:

.ng-select .ng-select-container:hover{
    background-color: yellow;
}

Answer 2

Я использовал scss Я преобразовал css из ng-select в scss, а затем импортировал файлы scss и вносил изменения везде, где мне было нужно.Надеюсь, это поможет.