如何从jquery自动完成结果中删除项目符号
我的jquery-ajax自动完成结果显示了一个项目符号列表。 我想删除子弹。 我不明白在jquery-ui-1.8.21.custom.css(从JQuery UI网站下载)中需要更改的位置和内容。
任何建议都将受到高度赞赏。
提前致谢。
确保默认的ui自动完成类包含list-style:none。
ul.ui-autocomplete { list-style: none; }
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; }
更改显示bullet属性的css
列表样式:无
这是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: none;
就像一个用户在缺陷报告中发布类似,但是这种解决方法不被接受为跨浏览器,它看起来像list-style-image: url(data:0);
根据缺陷是一个更好的选择。