IE7 - 输入字段无法获得焦点

时间:2010-11-26 12:21:21

标签: internet-explorer-7

<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 ..?

UPDATE - 这肯定是一个CSS问题,因为当我从开发人员工具关闭CSS时,它在IE7中工作。所以Q现在是,如何更改代码以针对不同的.css文件(即IE6 / 7的特定文件,以及其他所有文件的另一个)?

2 个答案:

答案 0 :(得分:1)

没有理由认为输入焦点本身不起作用。一个似是而非的理由是你已经在场地上放置了一个元素,这样你就无法通过点击来达到它。

您可以在怀疑可能覆盖该字段的元素上设置背景颜色,以确切了解它们在不同浏览器中的实际大小。

答案 1 :(得分:-2)

就我而言,删除以下CSS解决了问题:

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

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