Cómo eliminar viñetas del resultado de autocompletar de jquery

Question

Mi resultado de autocompletar jquery-ajax muestra una lista con viñetas. Quiero eliminar las balas No entiendo dónde y qué debo cambiar en jquery-ui-1.8.21.custom.css (descargado del sitio web de JQuery UI).

Cualquier sugerencia sería muy apreciada.

Gracias de antemano.

Answer 1

cambio el css donde se demuestra la propiedad de bala en

list-style: none

Answer 2

asegúrese de que la clase de autocompletar interfaz de usuario por defecto contiene list-style: none.

ul.ui-autocomplete { 
    list-style: none; 
} 

Answer 3

Este es un error en jquery-ui v1.9.1 y se corrigió en v1.10.3. Sucede para IE10 y no 11 como se indica en el jquery-ui defect report (8844).

La solución cross-browser (Probado en IE6 - 10, Firefox, Chrome, Safari y Opera) es aplicar el siguiente CSS:

.ui-menu-item 
{ 
    /* IE10 fix to remove bullets from showing outside of div*/ 
    list-style-image: url(data:0); 
} 

o simplemente utilizar una versión posterior de jQuery después v1.9.1.

NOTA: esto es diferente a la respuesta de chrisvillanueva utilizar list-style: none; al igual que un usuario publicado de manera similar en el informe de defectos, sin embargo, que solución no fue aceptado como multi-navegador y parecería que list-style-image: url(data:0); es una mejor alternativa de acuerdo con la defecto.

Answer 4

jQuery-UI-1.10.3

Esto funciona en Chrome, IE y Firefox. También elimina el margen izquierdo donde solía estar la viñeta. Se deriva de w3Schools http://www.w3schools.com/CSS/css_list.asp

ul.ui-autocomplete { 
    list-style: none; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
}