样式建议下拉列表[重复]

Question

默认情况下，当您在文本字段中输入内容时，您会收到带有您之前输入的值的建议。所以我的问题是，是否可以使用 CSS 来修改该建议下拉列表的外观。或者您能否建议 javascript 代码来重新创建它的行为？

Answer 1

不，它是浏览器的原生实现。浏览器甚至不会添加或修改任何新的 DOM 元素，因此您无法设置下拉列表的样式。我不是 100% 确定，但看起来下拉列表位于显示页面顶部的不同层上。您将需要有一个自己的自动完成 Javascript 实现。

顺便说一句，禁用此浏览器行为，将其添加到输入元素：

autocomplete="off"

请注意，并非所有浏览器都支持自动完成属性

Answer 2

您不能摆弄本机浏览器的自动完成框，但您可以使用自定义实现。我敢打赌最受欢迎的是这个：http://jqueryui.com/autocomplete/

我应该注意，除非您捕获用户输入的每个术语，并使用该列表填充您的自动完成框，否则自定义实现不会提供用户之前输入的值。