如何将 CSS 定位到特定的共享点页面布局文件？

StackOverflow https://stackoverflow.com/questions/858990

  •  21-08-2019
  •  | 
  •  

题

是否可以为我开发的每个 SharePoint 页面布局创建一个 .CSS 文件，或者是否需要在母版页中引用母版页中每个可能布局的 CSS？

IE是否有可能影响 <head> 页面布局用于哪个页面？

有帮助吗？

解决方案

通过在布局页面上的 PlaceHolderAdditionalPageHead 内容占位符标记中包含任何链接等，可以进一步增强 Michal 的解决方案。这样它将正确包含在生成页面的头部。

例如 

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">
   <link id="Link1" href="<% $SPUrl:~SiteCollection/Style Library/mystyle.css%>" runat="server" type="text/css" rel="stylesheet" />
   <SharePoint:ScriptLink id="jQueryCore" language="javascript" name="ui.core.js" runat="server"/>
</asp:Content>

其他提示

您可以通过在页面布局中放置标签来嵌入要在页面布局中使用的 CSS。例如：

<style type="text/css">
    .ms-pagetitle, .ms-titlearea
    {
        margin-bottom: 5px;
    }

</style>

或者在页面布局中，您还可以创建指向您想要使用的 CSS 文件的相对链接：

<link rel="stylesheet" type="text/css" href="/_layouts/styles/mystyle.css"/>

通过这种方式，您可以在您使用的页面布局中覆盖不同的 css 样式。希望有帮助！

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top