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

时间:2018-10-16 18:54:45

标签: javascript jquery html css textarea

我正在我的项目中使用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样式设置下拉菜单。 我需要能够更改下拉菜单的背景以及文本的颜色和所选项目的背景。

为了说明,这就是我所指的:

enter image description here

2 个答案:

答案 0 :(得分:1)

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

右键单击下拉元素,然后选择“检查元素”(在Firefox中)有助于我找到它:

EBADFS

答案 1 :(得分:1)

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

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