設計選項列表

Question

當前行爲 我無法將任何樣式應用到列表中，我需要將它移動，例如將索引作爲浮點數來移動：在其他位置。

我想這是因爲這個信息被設置爲我的標籤。

預期/希望的行爲 在我的期望是，我可以定義我想要的選項列表的樣式。

其他信息 我使用的是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