Как удалить пули из результата автозаполнения jquery

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

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

Спасибо заранее.

Ответы

Ответ 1

убедитесь, что класс автозаполнения ui по умолчанию содержит list-style: none.

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

Ответ 2

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;
}

Ответ 3

измените css, где он показывает свойство bullet, чтобы

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

Ответ 4

Это ошибка в jquery-ui v1.9.1 и исправлена ​​в v1.10.3. Это происходит для IE10, а не 11, как указано в jquery-ui 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 после версии v.1.9.1.

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