如何设计一个单独的JQuery自动完成小部件

How do you style an individual JQuery Autocomplete widget?

本文关键字：JQuery 小部 单独 一个      更新时间：2023-09-26

我没有使用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文档，所有我能找到的是样式化所有自动完成小部件的解决方案，这不是我想要的。

你可以这样做:

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

在主题下载器给它css范围specific

相关文章：