CSS 样式不应用 Sharepoint 2013

Question

我有一个脚本正在尝试应用于 SharePoint 2013 主页的主页。我曾尝试将它添加到 CEWP 和脚本编辑器 Web 部件中，但没有成功。我试过 2010 sharepoint，效果很好。当我将脚本添加到 2013 时，我没有收到任何错误，该页面根本没有执行任何操作。我正在尝试向全局导航栏添加背景颜色。请参阅下面的脚本：

DIV #s4-topheader2 {
    BORDER-TOP: 0px;
    BACKGROUND-IMAGE: none;
    BORDER-BOTTOM: #222 7px solid
}
.s4-toplinks {
    FONT-SIZE: 14px;
    FONT-FAMILY: "Helvetica Neue", Arial, Helvetica, sans-serif;
    BACKGROUND: #333
}
.s4-tn .menu LI A.static {
    BORDER-TOP: medium none;
    FONT-FAMILY: "Helvetica Neue", Arial, Helvetica, sans-serif;
    BORDER-RIGHT: medium none;
    BORDER-BOTTOM: medium none;
    COLOR: #ccc;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 20px;
    PADDING-LEFT: 20px;
    BORDER-LEFT: medium none;
    PADDING-RIGHT: 20px
}
.s4-tn .menu LI A.selected {
    BORDER-TOP: medium none;
    BORDER-RIGHT: medium none;
    BACKGROUND-IMAGE: none;
    BORDER-BOTTOM: medium none;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    BACKGROUND-COLOR: #222
}
.s4-tn .menu LI A.static:hover {
    TEXT-DECORATION: none;
    BACKGROUND: #444;
    COLOR: white
}
DIV #s4-searcharea {
    POSITION: relative;
    TOP: 17px
}

Answer 1

您的 CSS 样式在 SharePoint 2010 中运行良好，但在 SharePoint 2013 中运行不正常，因为您使用的 classes 适用于 SharePoint 2010 并且有不同的 classes 适用于 SharePoint 2013 .

转到您的 SharePoint 2013 主页并找到相似的 class 名称并将您的样式应用于那些 classes。

例如，对于顶部 header 栏，div SharePoint 2013 中的 ID 是 suiteBar ..

CSS 样式不应用 Sharepoint 2013

CSS Styling Not Applying Sharepoint 2013

css

sharepoint

sharepoint-2013

web-parts

styling