2012-06-14 3 views
11

Мой результат автозаполнения jquery-ajax показывает маркированный список. Я хочу удалить пули. Я не понимаю, где и что мне нужно изменить в jquery-ui-1.8.21.custom.css (скачан с веб-сайта JQuery UI).Как удалить пули из результата автозаполнения jquery

Любые предложения будут высоко оценены.

Заранее спасибо.

+1

Не могли бы вы показать нам свой код ....? – user1409289

ответ

3

изменить CSS-код, где он показывает пулевого свойство

список-стиль: нет

15

убедитесь класс автозаполнения пользовательского интерфейса по умолчанию содержит список-стиль: нет.

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

Thanx chris. Работает!! – shaz404

+0

это приятно услышать. рад, что у вас есть работа. – chrisvillanueva

0

Это ошибка в jquery-ui v1.9.1 и исправлена ​​в версии 1.1. Это происходит для IE10, а не 11, как указано в jquery-ui defect report (8844).

кросс-браузерный обходной (тестировался в IE6 - 10, Firefox, Chrome, Safari и Opera), чтобы применить следующий CSS:

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

или просто использовать более позднюю версию JQuery после v1.9.1.

Примечание: это отличается от ответа chrisvillanueva, чтобы использовать list-style: none; так же, как один пользователь разместил так же в отчете о дефектах, однако, что обходной путь не был принят в качестве кросс-браузер и, казалось бы, что list-style-image: url(data:0); является лучшей альтернативой, в соответствии с дефект.

4

JQuery-щ-1.10.3

Это работает в Chrome, IE и Firefox. Он также удаляет левое поле, где раньше была пуля. Он получен из w3Schools http://www.w3schools.com/CSS/css_list.asp

ul.ui-autocomplete { 
    list-style: none; 
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
} 
Смежные вопросы