消除input标签的自动填充白色背景，及更改字体颜色

一、问题重现

在我门开发过程中难免会遇到这样的问题：
用户可能会选择浏览器自动填充

选择之后就变成了这样，很难看

二、问题解决

<input type='text'/> <!-- 假设我们的html是这样 -->

我们可以用
autofill伪类来控制
css

input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;
}

这样就能解决白色背景的问题：

但是字体确是黑色，而且也不受color影响。
我们用另一个css熟悉解决
text-fill-color用来控制input自动填充的字体颜色

input {-webkit-text-fill-color: #9cc5ec;  //颜色是设置成你需要的颜色
}

这样就解决了
附 MDN 文档
都是文档上的

消除input标签的自动填充白色背景，及更改字体颜色相关推荐

html 密码框自动填充,解决chrom浏览器input密码框自动填充
前言:如果是同域名网站,并且曾经在该网站下登录过账号密码,并且选择了记住账号密码.chrome浏览器会对账号密码进行自动填充功能,虽然这功能给我们提供了很多方便,但是也带来了些困扰. 一.问题起始 ① ...
input文本框自动填充背景色黄色解决办法
文章目录 input文本框自动填充背景色黄色解决方式解决前后,截图对比: 解决方式兼容性说明 input文本框自动填充背景色黄色解决方式如何取消黄背景色?浏览器兼容处理? 解决前后,截图对比: ...
html防止浏览器表单自动填充,禁止浏览器input表单自动填充
最近开发遇到了一个令人头疼的事儿--浏览器input表单的自动填充行为.在type类型是password附近的input都会被自动填充上信息.这个是不程序行为,而是浏览器自动填充. 对于这个功能我深恶 ...
C# NPOI 设置(.xlsx) 【单元格填充】以及【字体颜色】
C# NPOI 设置(.xlsx) [单元格填充]以及[字体颜色] 写在前面: 因为我需要用到NPOI处理.xlsx文件,需要设置单元格填充及字体颜色,期间网上搜索的时候很麻烦,结果五花八门,提炼一下 ...
解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题
项目中管理系统使用chrome的首页登录界面会自动填充灰色背景.其填充样式为: 填充界面如下: 在网上查询了许多资料.这里我总结下比较好用的两个方法: 1.使用box-shadow将填充的背景覆盖(适 ...
【Bug小记】input:-webkit-autofill:输入框自动填充背景问题
问题是这样的: 本来的登录输入框是这种设置好的半透明样式但是当选中或者切换内容后就会自动填充白色的背景框,如下图右键检查尝试修改了好多样式,最后找到了 input:-webkit-autof ...
解决 input密码框自动填充
火狐上input密码框自动填充值的有关问题 By wangzhehui at 2014-06-07 117 阅读 0 回复 0.0 希赛币请点击下面回答中的"采纳为答案&q ...
input密码不自动填充解决方法
对于某些场景是不需要输入框内容自动填充的,比如重置密码的时候.当input type="password"时尝试过设置autocomplete="off" 或者 ...
谷歌浏览器保存密码，input输入框密码自动填充
转载于:https://www.cnblogs.com/jiaminzr/p/10955047.html
Xshell7怎么更改字体颜色和标签颜色方法教程

消除input标签的自动填充白色背景，及更改字体颜色

一、问题重现

二、问题解决

消除input标签的自动填充白色背景，及更改字体颜色相关推荐

最新文章

热门文章

消除input标签的自动填充 白色背景，及更改字体颜色

一、 问题重现

二、问题解决

消除input标签的自动填充 白色背景，及更改字体颜色相关推荐

最新文章

热门文章

消除input标签的自动填充白色背景，及更改字体颜色

一、问题重现

消除input标签的自动填充白色背景，及更改字体颜色相关推荐