样式自动填充或自动完成默认浏览器下拉列表

Question

是否有某种类型的 css 前缀、插件、javascript 或 jquery 允许您设置默认浏览器 autocomplete/autofill dropdown 的样式。不是用于搜索字段...而是用于<input type="email">

我已经使用input:-webkit-autofill, input:-webkit-autofill:hover, andinput:-webkit-autofill:first-line来改变黄色背景、字体系列、颜色等的外观（在 Chrome 中）

现在我正在尝试覆盖由浏览器生成的下拉菜单的默认外观。

1. 我正在尝试为所有用户名/电子邮件自动填充下拉列表自定义外观、文本颜色、:hover 颜色、字体等。

2. 我不想指定数据列表，或有任何预定义的变量...

3. 我不想转 autocomplete="off"

我使用dropkick.js来自定义我所有的<select>下拉菜单 - 并将它们更改为<ul>元素。

我想知道是否存在这样的东西来以类似的方式自定义所有其他自动填充或自动完成下拉列表。

这甚至可能吗？

Answer 1

我有同样的问题，不幸的是我所看到的一切都 表明这不能以任何“本机”方式完成。大多数人给出的主要建议是将自动完成设置为关闭，然后构建和设计您自己的样式，在大多数情况下，这可能比它值得的工作更多。