样式ng2-bootstrap的预先输入列表项

Question

问题：

我希望结果低于彼此（全宽），而不是透明背景。我右键单击其中一个项目并单击“检查”，以便我找出要用作选择器的内容。

我尝试了什么：

ul.dropdown-menu li {
background-color: black !important;
opacity: 1 !important;
color: yellow !important;

}

没有改变一件事，所以要么我选择不对，要么我不知道。我有一个自定义模板：

<template #customItemTemplate let-model="item" let-index="index">
    <h5 style="width: 100%">{{model.title || model.name}}</h5>
</template>

但即使是在线风格也没有改变。

问题：

如何设置结果样式？

PS： 我认为提到我正在使用MaterialiseCSS可能是有用的。

Answer 1

我在v1.3.1中为optionsListTemplate公开了TypeaheadDirective输入 所以你可以完全覆盖typeahead结果模板;） 您可以在此处查看默认源代码： https://github.com/valor-software/ng2-bootstrap/blob/development/src/typeahead/typeahead-container.component.ts#L22-L32