我正在使用 https://ng-bootstrap.github.io .我想用我的样式覆盖下拉菜单的样式,还想更改 typeahead 组件的一些 css 标签,但似乎看不到在哪里可以这样做?
代码:
<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>
最佳答案
将这两行添加到 type-ahead-basic.ts 将设置样式
::ng-deep .dropdown-menu.show { background:lightblue;}
::ng-deep .dropdown-item { color:red !important; }
您可以检查一个有效的 stackblitz here - 如果有什么事请告诉我
关于css - 如何覆盖 Ng-Bootstrap 样式中的样式并将 html 结构编辑为 Typeahead,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55203006/