如何将 CSS 文件添加到 ASPX（Sharepoint Online）
[英]How to add a CSS file to a ASPX (Sharepoint Online)
问题描述
当我尝试在站点页面中编辑 my.aspx 页面时，我无法让它加载我的自定义 CSS 文件。
Sharepoint 2013 强制我将.aspx 作为高级文件打开，否则我无法编辑它。
然后文件如下所示
<%@ Page language="C#" Inherits="Microsoft.SharePoint.WebControls.ClientSidePage, Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=#######" %><%@ Register Tagprefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=16.0.0.0, Culture=neutral, PublicKeyToken=#######" %>
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:######"><head>
<meta name="WebPartPageExpansion" content="full" />
<!--[if gte mso 9]>
<SharePoint:CTFieldRefs runat=server Prefix="mso:" FieldList="FileLeafRef,ClientSideApplicationId,PageLayoutType,CanvasContent1,BannerImageUrl,BannerImageOffset,PromotedState,FirstPublishedDate,LayoutWebpartsContent,_TopicHeader,_SPSitePageFlags"><xml>
<mso:CustomDocumentProperties>
<mso:PageLayoutType msdt:dt="string">Article</mso:PageLayoutType>
<mso:_SPSitePageFlags msdt:dt="string"></mso:_SPSitePageFlags>
<mso:CanvasContent1 msdt:dt="string">PAGE CONTENT</mso:LayoutWebpartsContent>
<mso:_AuthorByline msdt:dt="string"></mso:_AuthorByline>
<mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023__AuthorByline msdt:dt="string">NAME</mso:display_urn_x003a_schemas-microsoft-com_x003a_office_x003a_office_x0023__AuthorByline>
</mso:CustomDocumentProperties>
</xml></SharePoint:CTFieldRefs><![endif]-->
<title>SITE TITLE</title>
</head>
然后我在头部添加了<link rel="stylesheet" href="SITEURL/StylesSheetNew.css">
当我查看页面时，CSS 没有加载，我已经准备好很多资源并且正在撞墙，我做错了什么？
2 个解决方案
解决方案1
1 2020-12-15 01:47:54
您可以使用 SPFX 扩展将 js/CSS 注入 SharePoint 在线现代页面。
演示： https://github.com/hugoabernier/react-application-injectcss
解决方案2
0 2020-12-14 14:59:55
您是在使用 Sharepoint Online（您的 Title）还是 Sharepoint 2013 on-premise（您的描述）？
对于 sharepoint 在线 - 不支持插入 css 或 JavaScript。 您可以使用：
- 应用程序定制器扩展。 例如： https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/
- 现代脚本编辑器 - https://github.com/pnp/sp-dev-fx-webparts/tree/master/samples/react-script-editor 。 安装它，将其添加到页面中，您可以通过
<style>标签添加 CSS 样式
将CSS文件添加到aspx文件
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.