javascript - 您如何设计单个 JQuery 自动完成小部件的样式？

Question

我没有使用来自 JQuery UI Themeroller 的主题，我有以下内容:

连同我的 .html 文件的内容:

<input id="autocomplete">

在我的 .html 文件的末尾:

$( "#autocomplete" ).autocomplete({
   source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
});

我将以下内容附加到我的 .html 文件的顶部:

<link rel="stylesheet" href="js/jquery-ui-1.10.0.custom.css" type="text/css">
<script src="js/jquery-1.9.0.js"></script>
<script src="js/jquery-ui-1.10.0.custom.js"></script>

我的问题:我正在尝试设置特定 自动完成小部件(不是所有 自动完成小部件)的样式。我该怎么做？

我已经通读了 JQuery UI 文档，我所能找到的只是一个为所有自动完成小部件设置样式的解决方案，这不是我想要的。

Answer 1

你可以这样做:

<div class="specific">
    <input id="autocomplete">
</div>

并在主题下载器中为其指定 css 范围 specific。