Google Chrome 自动填充背景颜色在版本 72.0 中是否已更改?

2024-01-12

我最近注意到,在 Google Chrome 中,所有自动填充值的输入元素都显示蓝色背景


是的,Google 将自动填充预览的背景颜色更改为GoogleBlue50。您可以在这里找到问题:https://bugs.chromium.org/p/chromium/issues/detail?id=935991 https://bugs.chromium.org/p/chromium/issues/detail?id=935991

自 Google Chrome 72 起,新的自动填充颜色为#E8F0FE / rgb(232, 240, 254)。在 Google Chrome 72 之前,自动填充字段的颜色为#FAFFBD / rgb(250, 255, 189):

input {
  border: 1px solid black;
  padding: 4px 3px;
}
.show-autofill-new {
  background-color: #E8F0FE !important;
  background-image: none !important;
  color: #000000 !important;
}
.show-autofill-old {
  background-color: #FAFFBD !important;
  background-image: none !important;
  color: #000000 !important;
}
<input class="show-autofill-new" placeholder="since 72" type="text">
<input class="show-autofill-old" placeholder="until 72" type="text">

Note:如果您想覆盖自动填充颜色,您可以使用此问题提供的解决方案之一:

  • Google Chrome 表单自动填充及其黄色背景 https://stackoverflow.com/questions/2920306/google-chrome-form-autofill-and-its-yellow-background
  • 删除 Chrome 自动完成的输入背景颜色? https://stackoverflow.com/questions/2781549/removing-input-background-colour-for-chrome-autocomplete

计划拆分预览自动填充和选择自动填充的 CSS 规则 https://bugs.chromium.org/p/chromium/issues/detail?id=880258在未来:

  • 预览自动填充(将鼠标悬停在自动填充建议上时填充字段)。
  • 已选择自动填充(字段由自动填充建议填充)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Google Chrome 自动填充背景颜色在版本 72.0 中是否已更改? 的相关文章

  • jQuery 删除函数真的删除 Dom 元素吗?

    我真的想知道 jQuery 是否remove http api jquery com remove 函数确实从 DOM 中删除元素 首先 我看了here https stackoverflow com questions 2185760 j
  • 内部样式表中的 HTML 注释标签[重复]

    这个问题在这里已经有答案了 可能的重复 注释掉 HTML 文档中的样式表以支持旧版浏览器 https stackoverflow com questions 6825773 commenting out stylesheets in htm
  • Chrome 和 IE 上的滚动/延迟事件

    我试图让用户始终看到一个内容块 即使他向下滚动页面也是如此 他还应该能够上下滚动内容块 这是一个精简版本的小提琴 向您展示我的意思 http jsfiddle net 9ehfV 2 http jsfiddle net 9ehfV 2 人们
  • 如何在 HTML 中创建可编辑的下拉列表?

    我想创建一个带有下拉列表的文本字段 让用户选择一些预定义的值 用户还应该能够键入新值或从下拉列表中选择预定义值 我知道我可以为此使用两个小部件 但在我的应用程序中 如果将其统一在一个小部件中会更符合人体工程学 是否有标准小部件或者我必须使用
  • CSS 属性选择器中的 [att~=val] 与 [att*=val] 有何不同?

    也许我错过了一些东西 但它们看起来很相似 例如 如果您使用 a alt thumb or a alt thumb 我可以通过哪些不同方式缩小选择范围 我的理解是 为您提供了引号中的部分匹配 而 为您提供了部分匹配 我将稍微修改一下代码 但由
  • 如何强制 中的两个元素始终保持在同一行

    代码非常简单 table style width 100 border 0 background color white cellpadding 0 cellspacing 0 tr td style border 0 padding 0
  • 角度斜线被编码

    我和这个人有同样的问题 angularjs slash after hashbang gets encoded https stackoverflow com questions 17530924 angularjs slash after
  • Chrome 中的混合混合模式问题

    我一直在尝试在包含 css 不透明度过渡实例的页面上使用混合混合模式 似乎正在发生的情况是 包含 mix blend mode 的 div 在过渡期间 或者更确切地说 在动画进行过程中 显示得与没有混合模式时一样 我只发现这是 Chrome
  • 固定 CSS 导航栏

    我最近解决了困扰我一段时间的 CSS 导航栏问题 现在我遇到了将其固定到顶部的问题 以便当您滚动页面时它会向下滚动 我知道我需要添加的是 Position fixed 但我不知道在哪里添加它 我最近的尝试导致文本被修复 但导航栏的背景却没有
  • 如何将两个输入通道连接到 ScriptProcessorNode? (网络音频 API、JavaScript)

    我正在尝试实现一个具有两个输入和一个输出通道的 ScriptProcessorNode var source new Array 2 source 0 context createBufferSource source 0 buffer b
  • HTML Canvas:旋转图像 3D 效果

    我怎样才能旋转图像 例如45度 并挤压图像 假设我有一个完美的方形图像 我可以将它旋转到我想要的任何角度 但我想让旋转后的正方形被压扁 使高度比宽度小 2 3 生成的图像将不是一个完美的旋转正方形 而是一个被压扁的正方形 你知道我怎样才能达
  • 差异:查看页面源代码与在 Firebug 中查看

    当我查看页面的页面源时 例如 http my sa ucsb edu public curriculum coursesearch aspx http my sa ucsb edu public curriculum coursesearc
  • 尝试为每一行编写测试用例

    已经编写了跳跃方法的测试用例 但当我看到代码覆盖率报告时 它不会进入onloadend方法seat onloadend 在 createSpyObj 中我调用了 loadend 但它仍然没有进入内部 你们能告诉我如何解决它吗 下面提供我的代
  • Knockout.js:有条件绑定div的title属性

    我的页面上有一个 viewModel 它保存一些设备当前状态概述的数据 到目前为止 除了一个问题之外 一切都运行良好 我需要根据 viewModel 中的另一个值设置 div 元素的 title 属性 我知道您基本上可以像这样设置 titl
  • HTML5 网站在手机屏幕关闭时运行?

    基本上 我的问题与这个话题 https stackoverflow com questions 15465242 html5 mobile app running while phone screen is off但现在已经是 2018 年
  • Set-Cookie 在 Chrome 中不起作用

    我有一个奇怪的问题 我开发的网站之一在请求登录页面时返回防伪 cookie 当我检查 chrome 网络选项卡中的响应时 它包含标头 Set Cookie AspNetCore Antiforgery w5W7x28NAIs xxx pat
  • 一种用javascript创建随机噪声背景图像(png)的方法?

    YouTube的新布局添加了我非常喜欢的背景随机噪声 在其他网站上看到了几乎完全相同的效果 所以我计划在我的网页原型中使用相同的技术 或者至少在其中使用这个 技巧 我的工具箱以供将来使用 图片是这样的 取自http g raphaeljs
  • 不透明度如何影响元素顺序?

    我发现 CSS 有一个非常奇怪的行为opacity与浮动元素相结合 考虑以下 HTML div div Right button div div div Overlay div 最后div将覆盖前两个浮动的 删除不透明度会将最新的 div
  • 垂直滚动,与 div/元素/锚点对齐/对齐

    我发现了一些可爱的网站 http www mini jp event campaign big point http www mini jp event campaign big point http www twenty8twelve c
  • JavaScript - 替换 html 字符串中的特定单词索引

    我在 JS 字符串操作方面面临着一项具有挑战性的任务 有一个 HTML 字符串 我需要在其中替换特定单词索引处的单词 单词索引是忽略 HTML 标签时单词的编号 例如 下面是 HTML 字符串 span style font family

随机推荐

  • Html.Action - 获取与发布

    我经常这样做 div Html Action Create Product div 这很方便 因为我可以将产品创建表单的绘制委托给另一个控制器操作以嵌入到某个位置 但是 我遇到的问题是 该方法有时 我还没有弄清楚在什么条件下 会调用我的控制
  • 我如何知道鼠标指针是否位于 HTML 元素上?

    我有一个定时事件 我想根据鼠标指针所在的 HTML 元素采取不同的行为 假设我有 HTML 元素 有没有办法知道鼠标指针当前是否位于其顶部 我很了解 onmouseover onmouseout 事件以及如何使用它们 我正在使用 JQuer
  • 多个外键?

    我有一张表 用于跟踪将产品从一个供应商运送到另一个供应商的天数和成本 我们 非常出色 p 将运输供应商 FedEx UPS 和产品处理供应商 Think Dunder Mifflin 存储在 VENDOR 表中 因此 我的 SHIPPING
  • 使用硬浮点时使用 gcc 交叉编译简单示例时出现问题

    当我尝试编译一个简单的例子时test c int main return 0 对于具有硬浮点 ABI 的 cortex m7 目标 使用以下调用 arm none eabi gcc mcpu cortex m7 mfpu fpv5 d16
  • 类型错误:res.json 不是函数

    我正在尝试发送两个 json 但它不起作用 它打印TypeError res json is not a function但我不明白为什么会发生 有什么想法吗 谢谢 app post danger function response req
  • GWT XML(xml 对象映射)

    在 Java 中 我们可以使用 JAXB 等工具自动为我们进行类对象映射 但是在 GWT 中 由于反射有限 JAXB 不可用 唯一的方法是 Document messageDom XMLParser parse messageXml Nod
  • 为什么在 CLOB 上使用 REPLACE 函数会导致 CACHE_LOBS 增加...?

    我需要在 CLOB 变量上使用内置 REPLACE 函数 作为更大的 PL SQL 流程的一部分 我使用的是 Oracle 11g R2 该函数工作正常 因为它根据需要进行替换 但随着过程运行 大约有 250 万条记录需要处理 它的速度严重
  • Prolog的append有什么问题?

    根据我大学的逻辑课程 对于以下查询 我们可以预期得到与 Prolog 定义不同的结果 append a X 统一为X a 但我不明白他们的目的是什么 考虑到附加应该统一 X 在本例中 的串联 应该期望什么作为有效响应 and a 我认为他们
  • Django 加密 url 中的主键

    我环顾四周 但仍然对如何安全地加密 django 应用程序的 url 中的主 ID 感到不舒服 我的网址如下 http www example com primary1 id primary2 id testing 例如 http www
  • 这是什么:[Ljava.lang.Object;?

    当我打电话时我得到这个toString在我从函数调用收到的对象上 我知道该字符串中编码了对象的类型 但我不知道如何读取它 这种类型的编码叫什么 Ljava lang Object 是的名字Object class the java lang
  • 不声明外键的导航属性

    我的所有模型都至少包含两个关联 在 ef4 中对此进行建模时 我只能通过使用流畅的接口在没有第二个外键属性的情况下做到这一点 foreignKey 似乎是正确使用的属性 除了它需要一个字符串参数这一事实 所以我的问题是 您可以拥有一个导航属
  • 如何检查 jq 中的 null 或空并在 jq 转换中替换空字符串

    如何检查 jq 中的 null 或空并在 jq 转换中替换空字符串 下面的 JSON 示例 这是 JQ JQ amazon items select name contains shoes as item activeItem amazon
  • Eclipse 4 RCP(又名 E4)文档

    除了 Vogella 的教程和他的书之外至少还有什么吗 这完全是基于那些言论 他的存储库中的示例通常要么不完整 未完成 无法运行 这些示例甚至与实际的书不匹配 我想为此至少找到一些javadoc 因为任何一步到了一边 我就完全迷失了如何完成
  • 使用python ctypes与nvapi交互(后续附演示代码)

    这是我之前问题的后续 有关 python ctypes 和 nvapi 的帮助 https stackoverflow com questions 6163770 help with python ctypes and nvapi 我正在发
  • 运行存储在 OneDrive 上的 php 文件

    我正在开发一个 php 项目 将项目文件存储在 OneDrive 上 以便我可以从任何地方访问它们 我已经设置了 XAMPP 带有VirtualHost指向 OneDrive 中的项目文件夹 以便我可以在浏览器中运行它 直到昨天 此功能一直
  • 向 asp.NET RadioButton 控件添加自定义属性

    我想向名为的 asp net RadioButton 添加一个自定义属性Key我正在使用客户端进行 ajax 请求 我发现我的 aspx 标记如下
  • 赋值运算符 String 对象

    我是JAVA编程新手 我在我的书上读过 String a Hello String b Hello System out println a b 这应该返回false因为 a 和 b 引用 String 对象的不同实例 因为赋值运算符比较对
  • NetBeans IDE 7.2.1 无法访问 java.lang 致命错误:无法在类路径或 bootclasspath 中找到包 java.lang

    我需要有关 NetBeans 内的 android 项目的帮助 我刚刚打开在 NetBeans 中创建的项目 但遇到一些问题 无法访问 java lang 致命错误 无法在类路径或 bootclasspath 中找到包 java lang
  • C++ LibVLC 从帧/图像创建流

    我想使用 LibVLC 从图像创建视频 目前我还没有使用 LibVLC 的经验 我已经实施了一个像这里这样的测试项目 使用 libvlc 播放 mp3 的简单 C 程序 https stackoverflow com questions 1
  • Google Chrome 自动填充背景颜色在版本 72.0 中是否已更改?

    我最近注意到 在 Google Chrome 中 所有自动填充值的输入元素都显示蓝色背景 是的 Google 将自动填充预览的背景颜色更改为GoogleBlue50 您可以在这里找到问题 https bugs chromium org p