Internet explorer 7 IE7-输入字段不接收焦点 电邮地址:* 密码:*
…完全按照IE8中的预期呈现两个字段形式(加上chrome、ff…)。特别是,您可以在任一输入框中单击,然后焦点转到该框。然而,在IE7中,情况并非如此——在任一输入字段中单击鼠标都不会产生任何效果 有人知道如何让输入焦点为IE7/6工作吗Internet explorer 7 IE7-输入字段不接收焦点 电邮地址:* 密码:*,internet-explorer-7,Internet Explorer 7,…完全按照IE8中的预期呈现两个字段形式(加上chrome、ff…)。特别是,您可以在任一输入框中单击,然后焦点转到该框。然而,在IE7中,情况并非如此——在任一输入字段中单击鼠标都不会产生任何效果 有人知道如何让输入焦点为IE7/6工作吗 更新-这绝对是一个CSS问题,因为当我从开发工具中关闭CSS时,它在IE7中工作。因此现在的问题是,如何更改代码以针对不同的.css文件(即,IE6/7的一个特定文件,以及其他所有文件的另一个文件)?没有理由说明输入焦点本身无法工作。一个可能的原因是您已经在
更新-这绝对是一个CSS问题,因为当我从开发工具中关闭CSS时,它在IE7中工作。因此现在的问题是,如何更改代码以针对不同的.css文件(即,IE6/7的一个特定文件,以及其他所有文件的另一个文件)?没有理由说明输入焦点本身无法工作。一个可能的原因是您已经在字段的顶部放置了一个元素,所以您无法通过单击来访问它
您可以在怀疑可能覆盖字段的元素上设置背景色,以查看它们在不同浏览器中的实际大小。没有理由说明输入焦点本身不起作用。一个可能的原因是您已经在字段的顶部放置了一个元素,所以您无法通过单击来访问它
您可以在怀疑可能覆盖字段的元素上设置背景色,以查看它们在不同浏览器中的实际大小。在我的例子中,删除以下CSS解决了问题:
<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? >> </strong></a>
</div> </form>
在我的例子中,删除以下CSS解决了问题:
<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? >> </strong></a>
</div> </form>