樣式 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：我認為提及我正在使用 MaterializeCSS 可能很有用。

Answer 1

我在optionsListTemplate公開了TypeaheadDirective optionsListTemplate輸入，因此您可以完全覆蓋 typeahead 結果模板；) 默認源代碼，您可以在此處查看： https : //github.com/valor-software/ng2-bootstrap/blob/development/ src/typeahead/typeahead-container.component.ts#L22-L32