Как переопределить стили в стилях Ng-Bootstrap и отредактировать html-структуру в Typeahead - PullRequest
Новая
       5

Как переопределить стили в стилях Ng-Bootstrap и отредактировать html-структуру в Typeahead

0 голосов
/ 17 марта 2019

Я использую https://ng -bootstrap.github.io .Я хочу переопределить стили раскрывающегося списка моими стилями, а также изменить некоторые теги css для компонента typeahead, но, похоже, не вижу, где это сделать?

Код : 

<input id="sys_id" type="text" formControlName="sys_id" class="form-input" [ngbTypeahead]="search"/>

Например, измените следующее: 

<ngb-typeahead-window class="dropdown-menu show" role="listbox" id="ngb-typeahead-0" style="position: absolute; top: 0px; left: 0px; transform: translate(199px, 354px);"><!----><!--bindings={
 </ngb-typeahead-window>

1 Ответ

1 голос
/ 21 марта 2019

Добавление этих 2 строк в type-forward-basic.ts будет стилизовать его 

::ng-deep .dropdown-menu.show { background:lightblue;}
::ng-deep .dropdown-item { color:red !important; }

Вы можете проверить рабочий stackblitz здесь - дайте мне знатьесли есть что-нибудь

...