IE7 CSS验证错误样式

时间:2011-12-11 05:49:46

标签: jquery css internet-explorer-7 jquery-validate

我有一个使用UL和jQuery Validate的登录表单。它在除IE7之外的所有浏览器中看起来都很好(不担心IE6及以下)

在IE7中,包装label.error的li显示完整的高度,即使label.error在该阶段被隐藏。

请任何人都可以帮助我,我还没有找到用CSS解决这个问题的方法,而且我不想诉诸jQuery这么简单。

这是网址,http://clintongreen.com/clients/researchreview/点击右上角的“登录”时会显示登录表单

由于

1 个答案:

答案 0 :(得分:1)

我首先尝试将每个错误标签放在与其输入相同的列表项中:

<li><input type="text" name="login_username" id="login_username" placeholder="Username ">
    <label class="error" for="login_username" style="display:none;">Please enter your username</label></li>

这将消除导致额外换行的“空”列表项。如果设置了登录框的大小,则消息应在显示时换行到下一行。 (您甚至可以指定display:block而不是默认显示:inline)。

我个人不会对表单字段使用无序列表,我会使用字段集和(在这种情况下)给出输入和标签固定宽度和display:block。但那只是我。

......我应该问......正在改变这样的html选项吗?