设置选项列表的样式

Question

当前行为 我无法将任何样式应用于列表，我需要移动它，例如将索引作为给出一个浮点数：左边等等。

我认为这是因为此信息设置为我的标记。

预期/期望的行为 在我的期望是我可以定义我想要的选项列表的样式。

其他信息 我使用了materialise和angular 2，我的输入看起来像这样：

<div class="input-field col s12">
      <i class="material-icons prefix input-icon">map</i>
      <input ngui-auto-complete
               class="validate"
               type="text"
               materialize="autocomplete"
               id="autocomplete-state"
               placeholder="Informe seu estado"
               [(ngModel)]="selectedState"
               [source]="states"
               list-formatter="name"
               display-property-name="name"
               max-num-list="5"
               tab-to-select="true"
               auto-select-first-item="true"
               no-match-found-text="Nenhum estado com este nome"
        />
</div>

这是我点击输入时的视图

在浏览器中，html以这种方式安装。

我正在使用此组件ng2-ui

Answer 1

.ngui-auto-complete > ul li{
    color: yellow;
    background: gray;
    padding: 2px 5px;
    border-bottom: 1px solid lightgray;
}

Plunker代码：http://plnkr.co/edit/j5CovP?p=preview&open=app%2Fapp.component.ts