样式自动填充或自动完成默认浏览器下拉菜单 [英] Style Autofill or Autocomplete Default Browser Dropdown

问题描述

是否存在某些类型的css前缀，插件，javascript或jquery，可用于设置默认浏览器自动完成/自动填充下拉的样式.不是用于搜索字段，而是用于<input type="email">

Is there some type of css prefix, plugin, javascript, or jquery that allows you to style the default browser autocomplete/autofill dropdown. Not for a search field... but for <input type="email">

我已经使用input:-webkit-autofill，input:-webkit-autofill:hover和input:-webkit-autofill:first-line更改了黄色背景，字体系列，颜色等的外观(在Chrome中)

I already use input:-webkit-autofill, input:-webkit-autofill:hover, and input:-webkit-autofill:first-line to change the appearence of the yellow background, the font-family, color, etc. (in Chrome)

现在，我尝试覆盖由您的浏览器生成的下拉列表的默认外观.

Now I'm trying to override the default look of the dropdown - which is generated by your browser.

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

1. I'm trying to customize the appearence, text color, :hover color, font, etc. for all Username/Email autofill dropdowns.

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

I do not want to specify a data-list, or have any prefdefined variables...

我不想转向autocomplete="off"

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

I use dropkick.js to customize all of my <select> dropdowns - and change them into <ul> elements.

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

I am wondering if something like this exists for customizing all the other autofill or autocomplete dropdowns in a similar way.

这有可能吗?

推荐答案

不幸的是，我有一个相同的问题，我见过说不能以任何本机"方式做到这一点.大部分建议的主要建议是将自动完成功能设置为关闭，然后再构建&样式您的

I had this identical question, unfortunately everything I've seen says that this can't be done in any sort of "native" way. The primary suggestion that most give is setting auto-complete to off and then building & styling your own, which in most instances is probably more work then it's worth.

这篇关于样式自动填充或自动完成默认浏览器下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！