ng-bootstrap -> 预先输入样式

Question

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

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

Answer 1

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

太长了；博士

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

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