如何在sharepoint框架（SPFx）中添加全局样式？

Question

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

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

Answer 1

您可以创建Application Customizer来全局隐藏现代视图元素。

Use jQuery in SPFx

我的测试结果。

$(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帮助，请告诉我。