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

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）。

来源

2011-12-12 elliottregan

这是你左上角谈论的两条灰线吗？ – Kyle

你应该张贴截图来澄清。 –

我张贴了一张截图来澄清，谢谢。 – elliottregan

边框设置在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; 
}

您可能需要限制选择目标图表更具体地说，如果有，你想其他表保持边界。

来源

2011-12-12 07:58:22 outis

非常感谢！我不知道这是从哪里来的，也无法得到正确的选择器。谢谢你的提示。 – elliottregan

在这种情况下，你可以做的一件事情就是在遍历文档树时重新加载页面以使元素恢复，从而删除节点并使用文档检查器禁用CSS规则。 Chrome的检查员对他来说特别好。练习编辑实时页面风格，并在浏览网页时缩小元素和规则。练习没有一些你需要达到的目标就可以让你自由发挥。 – outis

我发现这个CSS：

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

我在Chrome的开发者工具禁用它，但它没有任何效果。尽管我可以找到与表格相关的所有内容，但如果可以的话，请尝试从表格中删除它。或覆盖它。

来源

2011-12-12 07:57:35 Kyle

谢谢。它看起来也有一个边界底部。尽管如此，仍然无法禁用它。 – elliottregan

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

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

来源

2011-12-12 08:02:36 mat

谢谢。看起来tbody上也有一个边框顶部。尽管如此，STill仍然无法禁用它。 – elliottregan

当我删除上面的代码时，该行不见了。但是，您可以搜索#CCC的CSS文件，因为这是该行的颜色。使用你的编辑器或CTRL + F找到它。 – mat

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

回答

相关问题