2010-11-26 41 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; }