chorme 浏览器记住密码后input黄色背景处理

摘要:
使用Chrome浏览器选择记住密码的帐户。输入框将自动添加黄色背景。一些设计输入框具有透明背景,需要移除黄色背景;阴影覆盖输入:-webkit autofill{-webkit box Shadow:}由于设置了颜色覆盖,因此仅对不透明的纯色背景有效;方法2:修改chrome浏览器渲染黄色背景的时间:

使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景;

chorme 浏览器记住密码后input黄色背景处理第1张

方法1:阴影覆盖

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

由于是设置颜色覆盖,所以只对非透明的纯色背景有效;

方法2:修改chrome浏览器渲染黄色背景的时间

:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
  transition: background-color 5000s ease-in-out 0s;
}

完美解决

chorme 浏览器记住密码后input黄色背景处理第2张

 

免责声明:文章转载自《chorme 浏览器记住密码后input黄色背景处理》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇自己写的身份证号码15位升18位的函数使用CRectTracker类进行对象动态定位下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS遮罩mask

前面的话 CSS遮罩是2008年4月由苹果公司添加到webkit引擎中的。遮罩提供一种基于像素级别的,可以控制元素透明度的能力,类似于png24位或png32位中的alpha透明通道的效果。本文将详细介绍CSS遮罩mask 概述 遮罩mask的功能就是使用透明的图片或渐变遮罩元素的背景。于是,遮罩mask与背景background非常类似,除了没有colo...

QT分析之WebKit(三)

QT分析之WebKit(三) 分三个阶段对QWebView进行分析:初始化(获取数据)、HTML解析、页面显示。从QT自带的文档中可以知道: QWebView -> QWebPage => QWebFrame(一个QWebPage含多个QWebFrame) 在界面中选择了Open URL,输入URL之后,调用的是:void MainWindo...

基于CSS3的3D旋转效果

自从有了html5和css3,好多以前只能想想的华丽效果都可以上手实现了。3D 转换(个人认为3D变换更贴切^)就是其中之一。关于3D转换,可以阅读CSS3 3D transform变换,不过如此,文中对3D转换进行了形象、生动、详细的阐述。在这里,只和大家讨论怎么利用3D转换来实现立体及其旋转效果,例如: 好吧,废话不多说,上代码! 1.页面代码 1...

抖音很火的3D旋转相册 (源代码分享)

效果: 旋转,鼠标移上旋张开 百度云盘代码分享: 链接:https://pan.baidu.com/s/1d7Rozcs7x6Pgt6WxpGphiQ提取码:3dpt 实现流程 工具:电脑右键记事本  材料:照片 打开方式:点击浏览器打开 代码技术:Html+css 步骤1:准备照片 规格100×100 6张图片  400×400 6张大图片  (图...

jqMobi 更小更快的移动框架

什么是jqMobi JqMobi   != JqueryMobileJqMobi是针对 移动设备开发的javascript框架,在2013年2月22日被 英特尔(intel)公司收购 改名为appframework jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架,是个极其快速的查询选择库,支持W3C查询。官方网址...

关于H5 移动端css 文本超出时省略号 失效的问题

之前写代码的时候遇到一个问题,就是用了下面这段css代码来让文字超出范围隐藏并显示省略号。 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;...