如何设置单个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。