2009-04-17 47 views
2

看一看这幅画的SharePoint Web部件和overiding CSS样式

alt text http://www.abbeylegal.com/downloads/2009-04-01/web%20part%20top%20line.jpg

有谁知道是做什么用的CSS样式/红色边框高亮行?我想在骑在我的自定义样式表,但我没有任何运气,到目前为止,我已经试过overiding这些不同的风格...

.MS-viewheadertr
.MS-VH2
.MS-VB
.MS-VB2
.MS-unselectedtitle
.MS-summarystandardbody

这是改变显示,但没有边界,这是足以让你发疯!

更新:

.MS-WPHeader的确是css类之一,但是如果你设置边框样式为无仍有出现一条线;只是一点点稀释剂。我可以使用.ms-viewheadertr完全删除标题,但似乎无法删除这一行。

回答

0

我在密集地定制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属性,像这样:

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

这将删除顶部暗灰色线条。

快乐定制!!!

1

为什么不使用firefox & firebug插件来确定要覆盖哪些类?

您是否在使用!重要性来覆盖css类?

+0

嗨,我同时使用,这让我至今用我列出的风格,但还不够远,谢谢!!重要提示,我现在会尝试。 – Rob 2009-04-17 16:31:41

0

铬似乎表明,它的IFRAME(ID Filterlframe1)这是罪魁祸首:

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

澄清:SharePoint列表视图使用顶部的菜单栏的iframe - 这就是边界正在被渲染。

0

那么,IE8开发工具栏中打后,我想出了:

<tr class="ms-WPHeader"> 

CSS道具:

border-bottom:#4e7cb7 1px solid; 
border-collapse:collapse; 
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; 
}