在窗体中的图例旁边的边框不显示

问题描述：

我有一个简单的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>

欢迎来到堆栈溢出。我想花一秒钟给你一个高五（和+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样式。（并确认/否认这种冲突的存在）。

谢谢阿伦。将fieldset放置在表单中并没有这样做，但是使用Firebug，我能够在模板的reset.css文件中追踪出现字段集边界被清零的罪魁祸首。在reset.css中删除对fieldset的引用，并且现在显示边框。 – zee 2011-05-07 04:10:07

答

而不是在重置中删除它，你应该首先加载重置，然后覆盖你的定制CSS。如果你开始搞清楚重置，你可能会给自己以后的问题

在窗体中的图例旁边的边框不显示

相关推荐