2010-11-26 43 views
2
<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 - 输入字段没有获得焦点

有谁知道如何让输入焦点适用于IE7/6 ..?

UPDATE - 这绝对是一个CSS问题,因为当我从Developer Tools关闭CSS时,它在IE7中工作。所以Q现在是,我该如何更改代码来定位不同的.css文件(即对于IE6/7而言,特定的一个,其他所有内容都是另一个)?

回答

1

没有理由为什么输入焦点本身不起作用。一个合理的理由是你已经放置了一个元素在场上,所以你不能通过点击来达到它。

您可以为您怀疑可能会覆盖该字段的元素设置背景颜色,以查看它们在不同浏览器中确实有多大。

-2

在我的情况下,删除以下CSS解决了这个问题:

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

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