JQuery UI自动完成显示为项目符号

自动完成的JQuery UI演示页面（link）有一个漂亮的外观搜索框，并带有漂亮的颜色和亮点等下拉菜单。当我为自己实现它时，我最终得到一个项目列表。我如何得到我的建议看起来像他们的？JQuery UI自动完成显示为项目符号

的几个注意事项/代码片段：

我在.NET土地工作，所以我使用的是<asp:ScriptReference>的内线它<asp:ScriptManager>标签，以获得托管jquery.min.js（1.4 .2）和来自Google的jquery-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});

我得到正确的数据传回，所以这不是问题。我只是想要花哨的图形。任何想法将不胜感激。

2010-04-30 awshepard

你还链接到jQuery UI的CSS文件？ – Zack 2010-04-30 22:48:38

@awshepard - 构建一个主题，并包含它：http://jqueryui.com/themeroller/并解决问题。它们看起来像子弹，因为没有UI CSS，它们看起来就像是典型的LIs – karim79 2010-04-30 23:05:30

正如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" />

2010-05-01 15:53:53 Jamatu

是的，这是蹭的。谢谢！ – awshepard 2010-05-03 15:15:16

回答