表格中图例周围的边框不显示
我有一个简单的 CodeIgniter 视图,即使我使用了 fieldset 和 legend 标签,它也只是拒绝显示表单周围的边框。
我不相信 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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
问题是您的 html 无效。
如果这不能为您解决问题 < em>(我想会的):
使用 Google Chrome 或 Firefox 的 Firebug 扩展,您可以通过右键单击页面上的元素并选择
检查元素
来检查页面上的元素。这将带您进入 dom 资源管理器,您将能够看到应用于对象的所有 CSS Syles 以及它们来自何处。这应该可以帮助您缩小可能覆盖默认视觉效果的 CSS 样式的范围。 (并确认/否认这种冲突的存在)。The problem is your html is not valid.
The
<fieldset>
tags go inside your<form>
If this does not fix it for you (which I imagine it will):
Using Google Chrome or Firebug Extension for Firefox you can inspect an element on your page by right clicking on it and chosing
Inspect Element
. This will bring you to the dom explorer and you'll be able to see all CSS Syles being applied to an object and where they are coming from. This should help you narrow down a CSS style that might be overriding the default visuals. (And confirm/deny the existance of such a conflict).您应该先加载重置,然后在定制的 CSS 中覆盖它,而不是在重置中删除它。如果你开始搞乱重置,以后可能会给自己带来问题
Rather than deleting it in the reset you should load reset first then override that in your bespoke CSS. If you start messing with the reset you might give yourself problems later