Issue
I am using https://ng-bootstrap.github.io. I want to override the styles of the drop down with my styles, also change some css tags for the typeahead component, but cant seem to see where to do this?
Code:
<input id="sys_id" type="text" formControlName="sys_id" class="form-input" [ngbTypeahead]="search"/>
For example change the following:
<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>
Solution
Adding these 2 lines to type-ahead-basic.ts will style it
::ng-deep .dropdown-menu.show { background:lightblue;}
::ng-deep .dropdown-item { color:red !important; }
You can check a working stackblitz here - let me know if there is anything
Answered By - Akber Iqbal
0 comments:
Post a Comment
Note: Only a member of this blog may post a comment.