JQuery UI autocompletar mostrando como las balas

Question

La página jQuery UI Demo para autocompletar ( enlace ) tiene un aspecto agradable cuadro de búsqueda y desplegable con colores y luces agradables y tal. Cuando implemente por mí mismo, termino con una lista con viñetas. ¿Cómo hago para que mi menú desplegable de sugerencias para parecerse a la de ellos?

algunas notas / fragmentos de código:

• Estoy trabajando en la tierra .NET, así que estoy usando la etiqueta <asp:ScriptManager> con <asp:ScriptReference>s dentro de ella para obtener los jquery.min.js alojados (1.4.2) y jquery-ui.min.js (1.8.1 archivos de Google).
• Mi cuadro de entrada es bastante simple: <div class='ui-widget'> <label for="terms">Term: </label> <input id="terms" class="ui-autocomplete-input"> </div>
• Mis autocompletar se parece a: $(""#terms"").autocomplete({source:""GetAttributesJSON.aspx"",minLength:2});

Me da la información corregida, de modo que no es el problema. Sólo quiero gráficos de lujo. Cualquier idea sería muy apreciada.

Answer 1

Como Karim79 y Zack ha mencionado que necesita para el estilo de la lista. Usted puede crear su propio tema y descargarlo. Más información se puede encontrar aquí . Opcionalmente se puede utilizar uno de los muchos temas pre-construidos e incluirlo en su documento en su lugar. Sólo la cabeza a la Jquery Página de descarga y seleccione el tema que desee.

A continuación, basta con incluir el archivo .css

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