Изменить цвет значка моркови ngbDropdown - PullRequest
Новая
       4

Изменить цвет значка моркови ngbDropdown

0 голосов
/ 25 января 2020

Я создал инструкцию ngbDropdown в своем приложении angular, я пытаюсь изменить цвет значка выпадающего морковного меню, если я пытаюсь применить цвет для кнопки выпадающего списка, он меняет цвет заполнитель, но не значок.

есть ли хитрость для изменения цвета моркови

Здесь код ngbDropdown 

 <div class="custom-ddl-wrapper nopadding-left">
                        <div ngbDropdown [ngClass]="{'active-ddl': selectedMonthYearTotalDueYear}">
                          <div class="custom_floatlabel">Select Year</div>
                          <button type="button" class="btn btn-outline-primary custom-ddl-btn state-dropdown"
                            [ngClass]="{'valid-input':(selectedMonthYearTotalDueYear !== undefined && isYearSelected), 'invalid-input': (selectedMonthYearTotalDueYear === undefined) && isYearSelected}"
                            style="background-color: white" id="dropdownBasic3" ngbDropdownToggle
                            (click)="expireDateValidationYear(PAYMENTCONSTANTS.TOTAL_DUE_NOW_STATE)">
                            <div>
                              <span [ngClass]="{'card-expire-css': selectedMonthYearTotalDueYear === undefined}"> {{selectedMonthYearTotalDueYear !== undefined ? selectedMonthYearTotalDueYear : 'Select Year'
                                }} </span>
                              <!-- <span
                                *ngIf="invalidTotalDueNowExpireDateYear && selectedMonthYearTotalDueYear === undefined"
                                class="invalid-exipre_date_icon box_icon"></span> -->
                            </div>
                          </button>
                          <div ngbDropdownMenu aria-labelledby="dropdownBasic2"
                            class="state-dropdown-menu dropdown-menu-expire">
                            <button type="button" class="dropdown-item" *ngFor="let date of expireDateListYear"
                              (click)="changeExpireDateYear(date, PAYMENTCONSTANTS.TOTAL_DUE_NOW_STATE)">
                              <div class="default-item">
                                <span>{{date}}</span>
                              </div>
                            </button>
                          </div>
                        </div>
                      </div>
...