14

我的 jquery-ajax 自动完成结果显示了一个项目符号列表。我想去掉子弹。我不明白我需要在 jquery-ui-1.8.21.custom.css （从 JQuery UI 网站下载）中更改的位置和内容。

任何建议将不胜感激。

提前致谢。

4

4 回答 4

16

确保默认的 ui 自动完成类包含 list-style: none。

ul.ui-autocomplete {
    list-style: none;
}
于 2012-06-15T03:11:50.823 回答
6

jQuery-ui-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;
}
于 2013-11-25T17:36:25.270 回答
3

将显示项目符号属性的CSS更改为

列表样式：无

于 2012-06-14T07:35:50.310 回答
0

这是 jquery-ui v1.9.1 中的一个错误，已在 v1.10.3 中修复。如jquery-ui 缺陷报告 (8844)中所述，它发生在 IE10 而不是 11 上。

跨浏览器的解决方法（在 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);
}

或者只是在 v1.9.1 之后使用更高版本的 jquery。

注意：这与 chrisvillanueva 的回答不同，就像一位用户在缺陷报告中发布的类似内容一样，但是该解决方法不被接受为跨浏览器，并且根据缺陷list-style: none;，这似乎是一个更好的选择。list-style-image: url(data:0);

于 2013-11-13T19:53:12.593 回答