input 输入框 在自动填充时 背景颜色问题
Chrome 浏览器下 form 表单，点击 input 输入框选择输入记录自动填充时，输入框背景颜色会改变，这是 chrome 浏览器内置的表单自动填充背景颜色功能。
解决方法
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
// 自动填充时的字体颜色
-webkit-text-fill-color: #fff;
// 采用过度的办法吃掉背景色, 网上都是这个办法
transition: background-color 5000s ease-out 0.5s;
}解释说明
-webkit 表示对应 浏览器内核 私有属性，除了 webkit 还有：
-moz：匹配 Firefox 浏览器私有属性
-webkit：匹配 Webkit 枘核浏览器私有属性，如 chrome and safari
-moz：代表 firefox 浏览器私有属性
-ms： 代表 ie 浏览器私有属性
关于动画过度: （不能去掉，只能 延迟）CSS transition 属性
transition: property duration timing-function delay;
transition-property规定设置过渡效果的 CSS 属性的名称。
transition-duration规定完成过渡效果需要多少秒或毫秒。
transition-timing-function规定速度效果的速度曲线。
transition-delay定义过渡效果何时开始。
0顶
0 踩
共 0 条评论