我有一个使用 UL 和 jQuery Validate 的登录表单。它在除 IE7 之外的所有浏览器中看起来都很好(不担心 IE6 及以下版本)
在 IE7 中,包裹 label.error 的 li 显示完整高度,即使 label.error 在那个阶段被隐藏。
谁能帮帮我,我还没有找到用 CSS 解决这个问题的方法,我不想为了这么简单的事情求助于 jQuery。
这是网址,http://clintongreen.com/clients/researchreview/单击右上角的“登录”时会显示登录表单
谢谢
最佳答案
我会首先尝试将每个错误标签放在与其输入相同的列表项中:
<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 而不是默认的 display:inline)。
就我个人而言,我不会为表单字段使用无序列表,我会使用字段集并且(在本例中)为输入和标签提供固定宽度和显示: block 。但这就是我。
...我应该问...像这样更改 html 是一个选项吗?
关于jquery - IE7 CSS 验证错误样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8462227/