首页 专题 H5案例 前端导航 UI框架

chrome表单自动填充去掉input黄色背景解决方案

阅读 1381 评论 0
chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式:

input:-webkit-autofill { background-color: #FAFFBD; background-image: none; color: #000; }

有些时候,这个黄色背景会和我们的界面很不和谐,影响美观,这时,我们应该如何解决呢?

很简单,我们可以加入以下样式:

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


关注”全栈技术杂货铺“

全栈技术杂货铺