在 Chrome 中,我创建了带有标签的表单输入元素,当焦点位于输入字段上方时。这可以完美地工作和执行。
当我使用 chrome 自动填充用户名和密码时,浏览器会使用黄色预填充文本填充输入字段。我遇到的问题是当黄色预填充文本可见时,标签 JS 不执行并 float 到右上角。如果您单击页面上的任意位置,它会自动更正问题。任何想法或解决方案?我确实需要设置自动完成功能。
最佳答案
当 Chrome 自动填充输入时,它不会触发您的 CSS 当前所依赖的 :focus
状态。不幸的是,CSS 中不存在用于检测输入是否已填充的伪选择器 (learn more here)。
您最好的选择是使用 jQuery 检测您的每个输入是否有值,如果为真则添加一个类。参见示例 here .然后修改您的动画效果,使其适用于 input.has-data-class
,例如。
关于javascript - Chrome 自动填充在我的 JS 之后执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41899045/