ng-bootstrap -> 预先输入样式

Nic*_*ico 2 typeahead ng-bootstrap angular

我似乎无法设置 ng bootstrap typeahead 的下拉菜单的样式。

输入本身的样式很好(该组件仅包含输入/预输入),但没有任何内容适用于下拉菜单(尝试使用插入的 ngb-typeahead-window 以及 .dropdown-menu 类。

小智 5

这里有一个很好的答案:https ://stackoverflow.com/a/51417049/4248983

太长了;博士

  • Typeahead 窗口是动态添加的组件
  • 实现 Typeahead 的组件具有仅封装到其自身的样式
  • encapsulation: ViewEncapsulation.None在装饰器中设置@Component以允许全局访问您的组件样式

警告
设置ViewEncapsulation.None将意味着您的组件样式在全局范围内可用。确保您的 CSS 选择器足够具体,以防止影响应用程序中的其他元素!