jQuery Autocomplete-如何为TextArea下拉菜单设置CSS样式？

Question

我在我的项目中使用TextArea以及jQuery自动完成功能。

HTML代码：

<textarea class='autoExpand' rows='5' data-min-rows='5' id='textarea'></textarea>

我有使用jQuery自动完成功能来处理下拉列表的JavaScript代码。 我可以轻松更改TextArea本身的样式：

    textarea{
    font-family: "Helvetica", Times, serif;
    display: block;
    background-color: #fffdb5;
    resize: none;
    }

但是，我不知道如何CSS样式的下拉菜单。 我需要能够更改下拉菜单的背景以及文本的颜色和所选项目的背景。

为了说明这一点，这就是我所指的：

Answer 1

我在这里看https://jqueryui.com/autocomplete/

右键单击下拉元素，然后选择“检查元素”（在firefox中）帮助我找到了它：

.ui-menu .ui-menu-item-wrapper { /* the selector */
    position: relative; /* pre-existing css */
    padding: 3px 1em 3px .4em; /* pre-existing css */
    color: red; /* new css */
    background: yellow; /* new css */
}

Answer 2

如何设置所选项目的背景样式：

.ui-widget input.ui-autocomplete-input
{
    background: pink; /* new css */
}