html - 输入框持续到下一页 ICS

Question

背景:

我正在为一些客户开发一个 PG 应用程序。我有一个在线页面(我无法控制)，它是一个登录页面，有两个文本框和一个按钮。我将该页面加载到 iframe 中，以便用户输入他/她的 ID 和密码。从那里开始，用户被重定向到同一 iframe 中的其他页面。

问题:

当用户转到下一页时，突出显示(类似轮廓的东西)出现在登录页面中先前出现的文本框的任何位置。每当我点击上一页中存在输入的区域时，就会发生这种情况.这是一张照片供引用。 请注意，这仅发生在 Android ICS 中。

代码:

iframe 标记添加了以下样式。

iframe {
    margin-top: 4rem;
    padding: 0;
    height: 89%;
    width: 100%;
    overflow: auto;
    border: none;
    -webkit-transform: translate3d(0,0,0);
}

    iframe.changed {
        margin-top: 0;
        height: 100%;
    }

重定向是这样发生的:

//after login
document.getElementById("app-frame").contentWindow.location.replace(url);

我在这里缺少什么吗？知道为什么这些文本框在父页面消失后仍然存在吗？

Answer 1

我自己修的。确实是一个非常奇怪的修复。我加载了“about:blank”，并在 100 毫秒后加载了所需的 url。这样，它奏效了。正如预期的那样触发了回流，上一页的工件消失了。这是代码:

var frame = document.getElementById("app-frame");
frame.contentWindow.location.replace("about:blank");
setTimeout(function () {
   frame.contentWindow.location.replace(url);
}, 100);