CSS 样式未应用 Sharepoint 2013

Posted 2023-03-27

【中文标题】CSS 样式未应用 Sharepoint 2013

【英文标题】：CSS Styling Not Applying Sharepoint 2013

【发布时间】：2016-10-13 09:40:54

【问题描述】：

我有一个脚本正在尝试应用到 SharePoint 2013 主页的主页。我尝试将它添加到 CEWP 和脚本编辑器 webpart 中，但没有成功。我在 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

【问题讨论】：

Ronak 提供的答案是正确的。

【参考方案1】：

您的 CSS 样式在 SharePoint 2010 中运行良好，但在 SharePoint 2013 中却不行，因为您使用的类适用于 SharePoint 2010，而 SharePoint 2013 有不同的类。

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

例如，对于顶部标题栏，SharePoint 2013 中的 div ID 为 suiteBar ..

【讨论】：

有人可以协助更新代码以反映 2013 年的课程吗？我是 2013 年的新手，遇到了困难