chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）

实现思路1：如果不是想设置为透明色可直接使用box-shadow

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

实现思路2：关闭自动填充功能 ( 也可实现不推荐 )

<input type="text" autocomplete="off">

实现思路3：通过CSS3动画解决

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-transition-delay: 111111s;-webkit-transition: color 11111s ease-out, background-color 111111s ease-out;}

代码示例

.entername>.el-input__inner{border: none;line-height: 38px;padding-left: 10px;padding-right: 0;background: transparent; color:#ccc} .entername>.el-input__inner:-webkit-autofill,.entername>.el-input__inner:-webkit-autofill:hover,.entername>.el-input__inner:-webkit-autofill:focus,.entername>.el-input__inner:-webkit-autofill:active {-webkit-transition-delay: 99999s;-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;}

chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）相关推荐

去掉chrome浏览器中input被自动填充后的背景色
chrome浏览器中,输入框如果被自动填充内容了,那么输入框也会被浏览器自动填充一个背景色,我电脑上填充的是蓝色,在网上有查到有填充黄色的,但不管是什么颜色的,实际表现是chrome给我们自动填充的i ...
谷歌浏览器翻译本地的html,谷歌Chrome浏览器开启自带的翻译功能的方法
谷歌浏览器是现在很多人喜欢用的浏览器,在使用时常常需要进行各种操作,平时使用浏览器浏览网页的时候,有时候想要将网页中的内容翻译,可以使用第三方插件,也可以使用浏览器自带的翻译功能,那么如何开启谷歌浏览 ...
greasemonkey_Google Chrome浏览器中的Greasemonkey脚本入门指南
greasemonkey Would you like to customize your favorite websites with popular Greasemonkey scripts? ...
如何屏蔽chrome浏览器内自带广告
1.屏蔽chrome浏览器内自带广告 chrome浏览器中设置是无法屏蔽广告的快捷方式:https://chrome.google.com/webstore/detail/adblock-plus- ...
如何在Google Chrome浏览器中启动JavaScript调试器？
使用Google Chrome浏览器时,我想调试一些JavaScript代码. 我怎样才能做到这一点? #1楼在Chrome浏览器中按F12功能键以启动JavaScript调试器,然后单击" ...
【谷歌】Google Chrome 浏览器中 font-size 12px 没有效果
Google Chrome 浏览器中 font-size < 12px 没有效果解决方法: *{-webkit-text-size-adjust: none;} 此功能立竿见影,目的是去掉CH ...
如何在Chrome浏览器中创建账户？
chrome浏览器是一款非常特殊的浏览器,不仅有非常多的用户喜欢使用这款软件,有很多开发者也非常喜欢使用这款软件,在使用浏览器的时候创建账号是一种最简单的方法,其实操作起来非常的简单.方便,但不是所有 ...
java实现浏览器ui中的收藏夹_谷歌改进Google Chrome浏览器中的PDF浏览器带来全新UI...
最近,谷歌一直在不断地改进在Chrome浏览器的PDF浏览器.例如,它开发了一个选项,以查看PDF的两页视图,并让你保存PDF表格.但这并不足够,由于目前的用户界面信息贫乏容易引发误解和困扰,谷歌正在 ...
Chrome 浏览器中，使用 Shift + Esc 打开任务管理器 / 浏览器进程管理结束进程
如上,偶然发现的,记录一下: Chrome 浏览器中,使用 Shift + Esc 打开任务管理器而对于 Edge 也是同理

chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）

chrome浏览器中自带input样式input:-internal-autofill-selected（修改input背景色）相关推荐

最新文章

热门文章