Question

自动填充的JQuery UI Demo页面（link）有一个漂亮的搜索框，下拉有漂亮的颜色和高光等。当我为自己实现它时，我最终会得到一个项目符号列表。如何让我的建议看起来像他们的？

一些注释/代码片段：

我在.NET领域工作，所以我在<asp:ScriptManager>标签中使用<asp:ScriptReference> s来获取托管的jquery.min.js（1.4.2）和jquery-来自Google的ui.min.js（1.8.1）文件。
我的输入框非常简单： <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
我的自动填充功能如下：$(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

我得到了正确的数据，所以这不是问题。我只想要花哨的图形。任何想法都会非常感激。

Answer 1

正如Karim79和Zack所提到的，你需要设定列表的样式。您可以创建自己的主题并下载它。可以找到更多信息here。您可以选择使用许多预先构建的主题之一，并将其包含在文档中。只需前往Jquery Download Page并选择您想要的主题即可。

然后只包含.css文件

<link type="text/css" href="http://yourwebsite.com/css/ui-lightness/jquery-ui-1.8.custom.css" rel="stylesheet" />