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。