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驗證錯誤樣式

回答

相關問題