在窗體中的圖例旁邊的邊框不顯示

我有一個簡單的CodeIgniter視圖，即使我已經使用了字段集和圖例標記，它們也拒絕顯示窗體周圍的邊框。在窗體中的圖例旁邊的邊框不顯示

我不相信CSS覆蓋了這個地方，但在這一點上，我甚至不知道如何檢查（如果這個聲明是真的，一個相當大的CSS拆分多個文件）。

下面是簡單的HTML。幫幫我！

<fieldset> 
<legend>Log In</legend> 
<?php 

echo form_open('form/login'); 
echo form_input('email', set_value('email', 'Email')); 
echo form_password('password', set_value('password', 'Password')); 
echo form_submit('submit', 'Log In'); 
echo form_close(); 

?> 
</fieldset>

來源

2011-05-06 zee

歡迎來到堆棧溢出。我想花一秒鐘給你一個高五（和+1）提交格式良好的帖子作爲你的第一個問題。 :)（你會驚異這是多麼罕見） – Aren 2011-05-07 00:52:36

的問題是你的HTML是無效。

的<fieldset>標籤去內您<form>

<?=form_open('form/login');?> 
<fieldset> 
    <legend>Log In</legend> 
    <? 
    echo form_input('email', set_value('email', 'Email')); 
    echo form_password('password', set_value('password', 'Password')); 
    echo form_submit('submit', 'Log In'); 
    ?> 
</fieldset> 
<?=form_close();?>

如果不能解決它爲您（我想它會）：

使用Google Chrome或Firebug Extension for Firefox可以通過右鍵點擊它並選擇在您的頁面上檢查並選擇Inspect Element。這會將您帶到dom瀏覽器，您將能夠看到所有應用於對象的CSS Syles以及它們來自哪裏。這應該有助於縮小可能覆蓋默認視覺效果的CSS樣式。（並確認/否認這種衝突的存在）。

來源

2011-05-07 00:45:31 Aren

謝謝阿倫。將fieldset放置在表單中並沒有這樣做，但是使用Firebug，我能夠在模板的reset.css文件中追蹤出現字段集邊界被清零的罪魁禍首。在reset.css中刪除對fieldset的引用，並且現在顯示邊框。 – zee 2011-05-07 04:10:07

而不是在重置中刪除它，你應該首先加載重置，然後覆蓋你的定製CSS。如果你開始搞清楚重置，你可能會給自己以後的問題

來源

2011-05-07 15:37:57 AlunR

在窗體中的圖例旁邊的邊框不顯示

回答

相關問題