浏览器中自动完成下拉菜单的样式
例如，在许多网站上，当输入用户名时，会在先前输入的位置显示一个下拉菜单，以便用户可以轻松选择某些内容而不用输入。我知道您可以通过让表单或输入具有 autocomplete="off" 属性来在浏览器中关闭此功能。问题是当我想要它打开并且输入有填充时。下拉列表看起来非常糟糕，因为它没有为每个项目添加填充。
有什么办法只用 css 来设置样式吗？我知道您可能会使用 javascript/jQuery 解决方法将以前的条目存储在 cookie 或其他内容中，并创建您自己的下拉列表。但我不想为此依赖 javascript。
On many websites, when typing in a username for example, a dropdown occurs where previous input shows up so the user can easily select something instead of typing. I know you can turn this off in browsers by having the form or input have an attribute of autocomplete="off". The problem is when I want it on, and the input has padding. The dropdown looks horribly off because it has no padding for each item.
Is there any way to style this with only css? I'm aware that you could potentially use a javascript/jQuery workaround to store previous entries in a cookie or something and make your own dropdown. But I don't want to rely on javascript for this.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有。自动完成不是任何标准的一部分，也不是 DOM 的一部分。正如您自己所建议的，样式的唯一方法是使用 JavaScript 重新创建该功能。
Nope. Autocomplete is not a part of any standard, and is not part of the DOM. The only way to style is, as you've suggested yourself, by recreating that functionality using JavaScript.
不幸的是，无法使用 CSS 来设置下拉框本身的样式，因为在这种情况下（不使用 javascript/jQuery/mootools/等时），它取决于操作系统 - 即 Windows/Linux/Mas OS 根据视觉效果将其可视化用户设置（即方案）。
Unfortunately there is no way to style the drop down box itself with CSS, because in this case (when not using javascript/jQuery/mootools/etc.) it is operating system dependent - i.e Windows/Linux/Mas OS visualize it according the visual user settings (i.e scheme).