如何去除Chrome浏览器表单文本框Input自动填充黄色背景色样式?
2017-12-23 14:34
330 查看
在修改ET系统登录页面时,发现使用谷歌的Chrome浏览器访问登录页面的表单,文本框背景色自动填充为黄色。怎么修改样式,都不起效果,百度了一下,才发现是Chrome浏览器自动填充的原因!
上图是Chrome浏览器自动填充为黄色的样式。这是由于Chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:
input:-webkit-autofill {
background-color: #FAFFBD;
background-image: none;
color: #000;
}
如果要去除这个样式,可以对这个样式重新赋值。
为input设置如下样式:
input:-webkit-autofill,
{
-webkit-box-shadow: 0 0 0 1000px white inset; //使用足够大的纯色内阴影覆盖黄色背景
}
点评和总结:该方法通过样式,来达到去除input表单私有属性的目的。
相关文章推荐
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- Chrome表单文本框自动填充黄色背景色样式
- Chrome表单文本框自动填充黄色背景色样式
- 取消Chrome表单文本框自动填充黄色背景色样式
- Chrome表单文本框自动填充黄色背景色样式
- 解决chrome浏览器表单自动填充导致input文本框背景变成偏黄色的问题
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 当表单自动填充_去除chrome浏览器自动添加的默认样式
- 解决chrome浏览器对于自动填充的input表单添加的默认的淡黄色背景问题 && 一般的浏览器input和button的高度不一致问题
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 解决Chrome表单文本框自动填充黄色背景色的黑科技
- chrome表单自动填充导致input文本框背景变成偏黄色问题解决
- 去除 Css 表单自动填充黄色背景
- chrome表单自动填充去掉input黄色背景解决方案
- 解决Chrome下表单自动填充后背景色为黄色
- chrome浏览器表单自动填充默认样式-autofill
- chrome表单自动填充去掉input黄色背景解决方案
- Chrome浏览器自动填充的表单如何去掉淡黄色背景???