无法在本地的 Sharepoint 2019 中加载或应用外部 CSS 文件

Posted 2023-05-08

【中文标题】无法在本地的 Sharepoint 2019 中加载或应用外部 CSS 文件

【英文标题】：Not able to load or apply external CSS file in Sharepoint 2019 on premises

【发布时间】：2022-01-06 06:55:49

【问题描述】：

web-part without custom CSS

Web-Part with inline CSS

Custom.css file is loaded but not apllied in web-part

如果我们添加内联 css 就可以了。加载 CSS 文件时没有任何错误，但未应用 CSS。

【问题讨论】：

能否分享一下你的css，哪些部分没有应用？

主体背景色：黑色；填充顶部：5%； padding-bottom: 5%; a 颜色: white!important;字体粗细：700；文字装饰：无；这是 CSS 但它没有应用于 web 部分。我已经分享了相同的屏幕截图。已加载自定义 css 文件但未应用 css

谢谢您，您是如何将这些 CSS 加载到现代页面中的？

我已经使用组件加载器将 CSS 加载到现代页面中。同样的事情适用于经典页面但不起作用。仅加载 CSS 文件，但未在页面上应用 CSS。

【参考方案1】：

您是否检查了 Chrome 中的元素选项卡？确保没有覆盖自定义 css 的默认样式。根据加载顺序，它的样式可能会覆盖您的自定义样式。它还会显示您的样式是否正在加载到元素中。

【讨论】：

是的，我已经检查过没有任何东西可以覆盖我的自定义 css。