什么是:在结帐时添加验证标记/交叉的最佳方式/w 自动完成
我们希望在数据输入有效时将这些绿色复选标记或勾号添加到结帐字段中。
- 我们向表单添加验证类
- 添加调用 validation.validate 的观察者 (并且 validation.validate 添加了 CSS 类)
- 然后我们将验证通过类的 CSS 背景设置为背景中的绿色勾号图像
这很好用……直到我们打开自动完成功能。在谷歌浏览器中，黄色背景自动填充会覆盖任何背景。
那么现在呢？ - 使用 CSS::after？ - 在添加 span 类之后使用 jquery？ - 尝试智胜谷歌浏览器
在结帐表单模板上编程绿色勾号和红色叉号有什么经验可以分享？
感谢帮助
最佳答案
看看Google Chrome form autofill and its yellow background
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}
您可能需要添加 3 个变体(正常 - 站点加载、验证通过和验证失败)
关于checkout - 在结帐/自动完成中添加验证标记/交叉的最佳方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25576020/