在浏览器中设置自动完成下拉菜单的样式

Question

在许多网站上，例如，在输入用户名时，会出现一个下拉菜单，显示先前的输入，这样用户就可以轻松地选择某些内容而不是输入内容。我知道您可以通过让表单或输入具有autocomplete="off" 的属性来在浏览器中关闭此功能。问题是当我想要它时，输入有填充。下拉菜单看起来很糟糕，因为它没有为每个项目填充。

有没有办法只用 css 来设置它的样式？我知道您可能会使用 javascript/jQuery 解决方法将以前的条目存储在 cookie 或其他内容中并制作自己的下拉列表。但我不想为此依赖 javascript。

Answer 1

不幸的是，没有办法用 CSS 设置下拉框本身的样式，因为在这种情况下（当不使用 javascript/jQuery/mootools/等时）它取决于操作系统 - 即 Windows/Linux/Mas OS 可视化它根据视觉用户设置（即方案）。

Answer 2

不。自动完成不是任何标准的一部分，也不是 DOM 的一部分。正如您自己建议的那样，唯一的样式设置方法是使用 JavaScript 重新创建该功能。