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

Question

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

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

现在我正在尝试覆盖 dropdown 的默认外观 - 这是由您的浏览器生成的。

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

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

3. 我不想转autocomplete="off"

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

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

这可能吗？

Answer 1

我有同样的问题，不幸的是everythingI've seen 说这不能以任何“原生”方式完成。大多数人给出的主要建议是将自动完成设置为关闭，然后构建和设置样式yourown，在大多数情况下，这可能比它的价值更多。