我有一个使用UL和jQuery Validate的登录表单。它在除IE7之外的所有浏览器中看起来都很好(不担心IE6及以下)
在IE7中,包装label.error的li显示完整的高度,即使label.error在该阶段被隐藏。
请任何人都可以帮助我,我还没有找到用CSS解决这个问题的方法,而且我不想诉诸jQuery这么简单。
这是网址,http://clintongreen.com/clients/researchreview/点击右上角的“登录”时会显示登录表单
由于
答案 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选项吗?