IE7 CSS验证错误样式

我有一个使用UL和jQuery验证的登录表单。它看起来很好，除了IE7（不担心IE6 &下面）IE7 CSS验证错误样式

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

请任何人都可以帮助我，我还没有找到一种方法来解决这个与CSS，我不想诉诸jQuery的东西这么简单。

这里是URL，当你在顶部右侧点击“登录” http://clintongreen.com/clients/researchreview/登录表单显示

感谢

2011-12-11 Clinton Green

我先试试把每个错误的标签在同一列表项目作为其输入：

<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）。

就个人而言，我不会使用表单字段的无序列表，我会使用字段集和（在这种情况下）给出输入和标签的固定宽度并显示：block。但那只是我。

...我应该问...正在改变这样的HTML选项？

来源

2011-12-11 06:22:53 eric

嗨，谢谢我试过这个方法，但label.error不支持保证金顶部或底部样式，所以我仍然最终与样式问题。干杯 –

啊 - 如果你使用display：block或display：inline-block的话。我不确定你可以用$ .show（）来指定它。你可能不得不明确地使用$ .css（'display'，'block'）。 – eric

很酷，今晚我会尝试一下，谢谢 –

IE7 CSS验证错误样式

回答

相关问题