文本框自动填充在 Safari 中的位置不正确答案

【问题标题】：Textbox autofill not in correct position in safari文本框自动填充在 Safari 中的位置不正确
【发布时间】：2010-12-25 02:35:03
【问题描述】：

有人在 safari 上遇到过这个奇怪的问题吗？文本框自动填充不在正确位置，请看下面的截图。我在谷歌搜索了将近一天的答案，仍然没有运气。

这是 safari 的内置自动填充功能。

这里是标记：

index.php

<html>
  <body>
     <div id="nav"></div>
     <div id="content">
          <iframe style="width:100%;height:100%" src="add_user.php" frameborder="0"></iframe>
     </div>
     ....
  </body>
</html>

add_user.php

<html>
    ....
   <body>
     <form method="post">
          <h3>Add User (Admin only)
          <div id="msg">Please enter First and Last Name.</div>
          <ul>
              <li><label>* Email</label> <input type="text" id="email" /></li>
              <li><label>* First Name</label> <input type="text" id="fname" /></li>
              <li><label>* Last Name</label> <input type="text" id="lname" /></li>
              ....
          </ul>
     </form>
   </body>
</html>

我怀疑这是由 iframe 引起的，但它在其他浏览器中运行良好。此外，出于实际原因，我无法立即更改页面设计（使用 iframe）。

safari autofill http://img684.imageshack.us/img684/4085/autofill.gif

谢谢

【问题讨论】：

标签： html css autocomplete safari autofill

【解决方案1】：

是系统生成的自动填充还是您使用 css/html/js 创建的？此外，它所属的元素如何在页面上定位？您可以发布您的标记和 css 吗？

【讨论】：

这是系统自动生成的