Стиль 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 в v1.3.1 так что вы можете полностью перекроет машинописный шаблон результатов;) исходный код по умолчанию вы можете проверить здесь: https://github.com/valor-software/ng2-bootstrap/blob/development/src/typeahead/typeahead-container.component.ts#L22-L32