reactjs - 如何在共享点框架（SPFx）中添加全局样式？

Question

我正在寻找一种全局隐藏标题的选项。那么，有没有办法在共享点框架中全局添加样式。

注意：选择 Reactjs 来构建我们的部分。

Answer 1

您可以创建一个应用程序定制器来全局隐藏现代视图的元素。

在 SPFx 中使用 jQuery

我的测试结果。

$(document).ready(() => {
                  $("span:contains('Office 365')").css('display','none');
                })

Answer 2

我将使用应用程序客户化程序注入自定义 CSS 样式表。

这里是注入自定义 CSS 的代码： https ://github.com/hugoabernier/react-application-injectcss

这是我写的一篇文章，解释了如何做到这一点： https ://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-pages-using-spfx-extensions/

这篇文章解释了为什么你应该小心这种自定义。

如果您需要有关 CSS 的帮助，请告诉我。