如何从jquery自动完成结果中删除项目符号

Question

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

任何建议都将受到高度赞赏。

提前致谢。

Answer 1

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

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

Answer 2

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

Answer 3

将显示bullet属性的css更改为

  

列表样式：无

Answer 4

这是jquery-ui v1.9.1中的一个错误，已在v1.10.3中修复。如jquery-ui defect report (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。

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