如何为自动完成框设置背景颜色答案

【问题标题】：how set background color for autocomplete box如何为自动完成框设置背景颜色
【发布时间】：2023-04-09 21:14:01
【问题描述】：

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

<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>

【问题讨论】：

您在哪里尝试更改背景颜色？你没有在这里展示......

标签： angularjs html

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

这应该作为评论发布，而不是答案。
一个人必须有 50 个声望才能发表评论。

【解决方案3】：

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;
}

【讨论】：