chrome表单自动填充导致input文本框背景变成偏黄色问题

你曾遇到过吗?

困扰宝宝好久的问题,本以为是什么插件导致的,结果是chrome浏览器自动填充文本时默认的样式,搜嘎。

一、修改自动填充input文本框背景色:


1124854-20170511091827941-1041835122.png
使用以下代码 可以设置自己的想要的默认文字背景色 和 字体色

box-shadow: 0 0 0px 1000px #d8ebff inset;// 以0,0原点,模糊距离为0px,像内部模糊1000px的内阴影 则可把黄色盖住
-webkit-text-fill-color:#d85151;

1124854-20170511094024785-36180385.png

二、如果想设置placeholder的样式 可以这样设置:


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
    color:red;
    background:gray;
}

如图所示:
1124854-20170511093613363-2016236850.png

三、如果想直接修改input或者textarea的样式,则直接用普通的方式就OK

转载于:https://www.cnblogs.com/geekfeier/p/6839299.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值