Sharepoint Web 部件并覆盖 css 样式

Question

看看这张图片

替代文本 http: //www.abbeylegal.com/downloads/2009-04-01/web%20part%20top%20line.jpg

有谁知道红色突出显示的线条/边框使用什么css样式？ 我试图在我的自定义样式表中覆盖它，但我没有任何运气，到目前为止我已经尝试覆盖这些不同的样式...

.ms-viewheadertr
.ms-vh2
.ms-vb
.ms-vb2
.ms-unselectedtitle
.ms-summarystandardbody

它改变了显示但不改变边框，这足以让你发疯！

更新：

.ms-WPHeader确实是CSS类之一，但是如果将边框样式设置为none，仍然会出现一行； 只是薄了一点。 我可以使用 .ms-viewheadertr 完全删除标题，但似乎无法删除这一行。

Answer 1

为什么不使用 Firefox & 浏览器？ firebug 插件来确定要覆盖哪些类？

您是否使用 !importance 来覆盖 css 类？

Answer 2

我主要致力于定制 sharepoint UI。 所以我确信您应该查看的类如下：

*.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,.ms-viewheadertr .ms-vh-group,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-ph,.ms-pickerresultheadertr{
background-image:url("/_layouts/images/viewheadergrad.gif");
background-repeat:repeat-x;
padding-top:1px;
padding-bottom:0px;
background-color:#f2f2f2;
}*

您应该像这样删除背景图像属性中的图像引用：

*background-image:url("");*

这将删除顶部的深灰色线。

快乐定制！

Answer 3

Chrome 似乎表明 iframe (id Filterlframe1) 才是罪魁祸首：

border-bottom-style: inset;
border-bottom-width: 2px; 

澄清：Sharepoint 列表视图使用 iframe 作为顶部的菜单栏 - 这是渲染边框的地方。

Answer 4

好吧，在 IE8 开发工具栏中玩过之后，我想出了：

<tr class="ms-WPHeader">

CSS props：

border-bottom:#4e7cb7 1px solid;
border-collapse:collapse;

Answer 5

查看 Heather Solomom 的 SharePoint CSS 参考，网址为 http://www.heathersolomon.com/content/sp07cssreference。嗯。

浏览 http://www.heathersolomon.com/content/sp07cssreference 中的 Web 部件特定部分.htm#WebParts，看起来这可能是 ms-WPBorder？

希望这可以帮助。

Answer 6

我查看了每个回复，但没有一个是成功的。 关键是“#4E7CB7”行的颜色。 然后我搜索了服务器上的根 CSS 文件，并在 CORE.css 的第 2683 行将其更改

.ms-WPHeader TD {
    border-bottom:1px solid #4e7cb7;
    border-collapse:collapse;
}

为

.ms-WPHeader TD {
    border-bottom:0px solid #4e7cb7;
    border-collapse:collapse;
}