如何设置自动完成框的背景颜色

Question

我尝试更改背景颜色但不起作用。

<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

这是因为您在自动填充中没有任何标签或数据，因此在<autocomplete></autocomplete>中添加标签或任何值，然后您可以更改并查看它的背景颜色。

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

请检查它是否正常工作，否则我将分享其他一些解决方案。 添加一些值，然后您可以更改并查看它的背景颜色。