2

看看这张照片

替代文字 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完全删除标题,但似乎无法删除这一行。

4

6 回答 6

1

为什么不使用 firefox 和 firebug 插件来确定要覆盖的类?

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

于 2009-04-17T16:20:40.493 回答
0

Chrome 似乎暗示 iframe (id Filterlframe1) 是罪魁祸首:

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

澄清:Sharepoint 列表视图使用 iframe 作为顶部的菜单栏 - 这是呈现边框的位置。

于 2009-04-17T16:27:28.153 回答
0

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

<tr class="ms-WPHeader">

CSS 道具:

border-bottom:#4e7cb7 1px solid;
border-collapse:collapse;
于 2009-04-17T20:31:24.823 回答
0

在http://www.heathersolomon.com/content/sp07cssreference.htm查看 Heather Solomom 的 SharePoint CSS 参考。

浏览http://www.heathersolomon.com/content/sp07cssreference.htm#WebParts上的 webpart 特定部分,看起来这可能是 ms-WPBorder ?

希望这可以帮助。

于 2009-04-18T16:42:36.313 回答
0

我集中精力定制共享点 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 属性中的图像引用:

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

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

定制快乐!!!

于 2009-05-05T11:13:57.323 回答
0

我查看了每个回复,但没有一个是成功的。关键是“#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;
}
于 2009-10-13T23:42:17.137 回答