Как настроить css для ng-select в angular?

Question

Я пытаюсь настроить css ng-select, используя инкапсуляцию представления по умолчанию. Я использую для этого :: ng-deep.

Кажется, этот раздел работает:

 .ng-select.custom-ng-select ::ng-deep {
          //this section works//
                 &.ng-select-container {
                        border: 1px solid #1CBC88;
                        color: #1CBC88 !important;
                        box-shadow: none;
                        font-size: 13px !important;
                        font-weight: bold;   }

Однако следующий раздел не работает:

                   &.ng-select-opened {
                    &.ng-select-bottom {
                        >.ng-select-container {
                            border-bottom: 1px solid red;
                        }
                    }
                   }

}

Я хочу изменить цвет нижней границы при открытии выбора с помощью селектора :: ng-deep в ng-select. Спасибо.

Answer 1

Брат, вы можете добавить этот CSS в свой component.s css файл

::ng-deep.ng-select-container {
        border-bottom: 1px solid red !important;
     }

И вы также можете добавить это глобально в styles.s css

.ng-select-container {
        border-bottom: 1px solid red !important;
     }