javascript – 样式自动填充或自动完成默认浏览器下拉列表
作者：互联网
是否有某种类型的css前缀,插件,javascript或jquery允许您设置默认浏览器自动完成/自动填充下拉列表的样式.不适用于搜索字段…但适用于< input type =“email”>
我已经使用了输入：-webkit-autofill,输入：-webkit-autofill：hover,并输入：-webkit-autofill：first-line来改变黄色背景,字体系列,颜色等的外观(in铬)
现在我试图覆盖下拉列表的默认外观 – 这是由浏览器生成的.
>我正在尝试为所有用户名/电子邮件自动填充下拉菜单自定义外观,文本颜色,：悬停颜色,字体等.
>我不想指定数据列表,或者有任何预定义的变量……
>我不想把autocomplete =“off”
我使用dropkick.js来自定义我的所有< select>下拉菜单 – 并将其更改为< ul>元素.
我想知道是否存在以类似方式自定义所有其他自动填充或自动完成下拉列表的类似内容.
这甚至可能吗？
解决方法:
截至目前,似乎无法在Chrome中更改此功能.我肯定称它为虫子.
但是,一个不错的解决方法是为具有自动填充功能的表单中的所有自动填充输入或输入设置font-family：
font-family：system-ui,-apple-system,BlinkMacSystemFont,’Segoe UI’,Roboto,’Helvetica Neue’,Ubuntu,Arial,sans-serif;
这是一个很棒的跨浏览器,跨平台的解决方案,因为它只需要你的系统字体,这正是Chrome似乎正在为它的自动填充字体做的事情.
它还确保您的表单在您的用户使用的任何操作系统上都具有可读字体.
标签：javascript,css,drop-down-menu,autocomplete,autofill 来源： https://codeday.me/bug/20191008/1871323.html