オートコンプリートボックスの背景色を設定する方法

Question

背景色を変更しようとしましたが、動作しません。あなたはオートコンプリート内の任意のラベルまたはデータを持っているので、<autocomplete></autocomplete>内のラベルまたは任意の値を追加しないので、あなたはそれの背景色を変更して見ることができている

<div class="col-xs-12 col-sm-3 padding0"> 
    <div style="margin-left: 5px;"> 
      <small style="color: White;">To</small> 
    </div> 
    <div class="form-group">          
     <autocomplete id="autocomplete" options="GetBusCities" place-holder="Enter City Name..." on-select="onSelectr" 
      display-property="Name" input-class="form-control" clear-input="false"></autocomplete> 
    </div> 
</div> 

Answer 1

。

Answer 2

if you are using autocomplete you can put attributes inside these classes: 
body .ui-autocomplete { 
    /* font-family to all */ 
} 

body .ui-autocomplete .ui-menu-item .ui-corner-all { 
    /* all <a> */ 
} 

body .ui-autocomplete .ui-menu-item .ui-state-focus { 
    /* selected <a> */ 
} 

for the hover use something like this: 
.ui-menu-item .ui-menu-item-wrapper:hover 
{ 
    border: none !important; 
    background-color: #your-color; 
} 

Answer 3

それが機能しているかどうかを確認してください。 いくつかの値を追加すると、その背景色を変更して表示することができます。