Question

http://www.geneseo.edu/new_social_media_test

我正在为我的学校开设一个新的社交媒体页面，我无法摆脱桌面上的这个边界。在<thead>下方<tbody>下方，有一条我似乎无法定位的灰线。我已经关闭了html和css中的表格边框，但没有任何作用。我无法弄清楚它来自哪里，它让我疯狂。它是来自全球CSS文件的东西吗？也许顶层的社交媒体插件之一正在搞乱它？我没有想法;任何帮助将不胜感激。

此外，在Firefox（8.0.1 :: Mac OS 10.7）中，当淡入淡出结束时，行颜色会闪烁。也绝对没有任何线索。

如果您正在查看代码，抱歉它真是一团糟。我是drupal的新手，我没有权限创建我自己的CSS文件，所以我必须做内联的所有事情。谢谢！

编辑：以下是一个屏幕截图：http://i.imgur.com/dOcoE.png。我也忘了提到当我在Drupal的预览视图中时，颜色变成淡蓝色，但不是我在任何地方定义的颜色（例如：http://i.imgur.com/WWF0e.png）。

Answer 1

边框设置在th上，而不是thead或tr。 css_4ea78c62a1f11df9a1a23dfccad4464e.css中有一些目标th的规则，创建了一个底部边框：

th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;}

tbody th{border-bottom:1px solid #ccc;}

thead th{text-align:left;padding-right:1em;border-bottom:3px solid #ccc;}

请注意，!important仅适用于用户代理样式表。使用级联和选择器specificity。由于在css_4ea78c62a1f11df9a1a23dfccad4464e.css之后加载了禁用底部边框的样式表，所以您只需要：

table th {
    border-bottom: none;
}

如果还有其他要保留边框的表，则可能需要限制选择器以更具体地定位图表。

Answer 2

我找到了这个CSS：

tbody {
border-top: 1px solid #CCC;
}

我在Chrome的开发者工具中禁用了它，但它没有任何效果。这就是我能找到的与桌子相关的所有内容，如果可以的话，尝试从你的风格中删除它。或者覆盖它。

Answer 3

这就是这一行，它在你的CSS文档中。

thead th
{
    text-align:left;padding-right:1em;border-bottom:3px solid #ccc;
}

无法删除表格边框。不知道它来自哪里

3 个答案: