IE7 - 输入字段没有获得焦点答案

【问题标题】：IE7 - input fields do not receive focusIE7 - 输入字段没有获得焦点
【发布时间】：2011-06-27 22:01:06
【问题描述】：

<form id="user-login" method="post" action="/SignIn">
    <div>
        <div id="edit-name-wrapper" class="form-item">
            <label for="emailAddress">Email Address: <span title="This field is required." class="form-required">*</span></label>
            <%=Html.TextBox("emailAddress", null, new { @class="form-text required", tabindex = 1, size = 60, maxlength = 60 }) %>
            <%=Html.ValidationMessage("emailAddress") %>
            <div class="clear"></div>
        </div>
        <div id="edit-pass-wrapper" class="form-item">
            <label for="password">Password: <span title="This field is required." class="form-required">*</span></label>
            <%=Html.Password("password", null, new { @class="form-text required", tabindex = 2, size = 60, maxlength = 60 }) %>
            <%=Html.ValidationMessage("password") %>
            <div class="clear"></div>
        </div>
        <input type="image" src="/content/images/submit-B-btn.png" class="form-submit" tabindex="3" id="edit-submit" value="Log in" name="submit">
        <a class="forgot-password-link" href="/ForgottenPassword"><strong>Forgotten your password? &gt;&gt; </strong></a>
    </div> </form>

...完全按照 IE8 中的预期呈现双字段表单（加上 chrome，ff...）。特别是，您可以单击任一输入框并将焦点转到它。然而，在 IE7 中，情况并非如此——在任一输入字段中单击鼠标都不会执行任何操作。

有谁知道如何让输入焦点为 IE7/6.. 工作？

更新 - 这绝对是一个 CSS 问题，因为当我从开发人员工具中关闭 CSS 时，它在 IE7 中有效。所以现在的问题是，我如何更改代码以针对不同的 .css 文件（即针对 IE6/7 的特定文件，以及针对其他所有文件的特定文件）？

【问题讨论】：

标签： internet-explorer-7

【解决方案1】：

输入焦点本身没有理由不起作用。一个合理的原因是您在字段顶部放置了一个元素，因此您无法通过单击到达它。

您可以为您怀疑可能覆盖该区域的元素设置背景颜色，以准确查看它们在不同浏览器中的实际大小。

【讨论】：

【解决方案2】：

就我而言，删除以下 CSS 解决了问题：

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.clear,
.clearLeft,
.clearRight
{ height: 0; }

【讨论】：