Question

我想将自定义边框样式赋予sharepoint中可用的所有Web部件。所以我已经添加了以下类。

.s4-wpcell-plain
{
 border:1px solid #d8d8d8;
}

它几乎适用于所有网站部分。但问题是它还在不必要地添加边界。就像使用电子搜索页面进行搜索一样，所有结果都随边框一起出现。它也适用于sharepoint博客页面。

如何摆脱那些不必要的边界？或者我需要申请哪个CSS，以便它只适用于webparts。

Answer 1

尝试将边框应用于以下类：

.ms-webpartzone-cell {
    border: 1px solid #D8D8D8;
}

Answer 2

好的，所以我也弄混了。它对我有用的唯一方法是将代码应用于以下内容

    .s4-wpcell {
display: block !important;
-moz-box-shadow: 5px 5px 5px gray !important;
-webkit-box-shadow: 5px 5px 5px gray !important;
box-shadow: 5px 5px 5px gray !important;}

   .ms-webpart-chrome {
display: block !important;
-moz-box-shadow: 5px 5px 5px gray !important;
-webkit-box-shadow: 5px 5px 5px gray !important;
box-shadow: 5px 5px 5px gray !important;}

    .s4-wpActive {
display: block !important;
-moz-box-shadow: 5px 5px 5px gray !important;
-webkit-box-shadow: 5px 5px 5px gray !important;
box-shadow: 5px 5px 5px gray !important;}

因此，这会将它应用于所有Web部件（我使用的是Wiki页面，因此“隐藏”的部件也已应用并且突然出现）。要将这种样式仅应用于特定的Web部件，请在类前面添加.MSOZoneCell_WebPartWPQ＃。

#MSOZoneCell_WebPartWPQ2 .s4-wpcell,
#MSOZoneCell_WebPartWPQ2 .ms-webpart-chrome,
#MSOZoneCell_WebPartWPQ2 .s4-wpActive {
display: block !important;
-moz-box-shadow: 5px 5px 5px gray !important;
-webkit-box-shadow: 5px 5px 5px gray !important;
box-shadow: 5px 5px 5px gray !important;}

希望这会有所帮助。

为Sharepoint 2013 Web部件应用自定义边框样式

2 个答案: