【问题标题】:Override or remove the appTheme CSS injected into a Buildfire App覆盖或删除注入到 Buildfire 应用程序中的 appTheme CSS
【发布时间】:2018-02-12 06:27:51
【问题描述】:
因此,我面临着通过 Buildfire 平台创建大型自定义应用程序的挑战。客户端有许多自定义元素样式,它们被仪表板中的 appTheme 设置覆盖,而以传统 CSS 方式覆盖这些样式已成为一项艰巨的任务。
我编写了这个小函数来删除注入到应用程序中的自定义样式,到目前为止,客户端的所有自定义样式都正确显示。
我想我会与社区分享这个问题,因为这是我们团队无法解决的问题。
【问题讨论】:
标签:
javascript
dom
buildfire
【解决方案1】:
如果您希望在插件中禁用 appTheme CSS,您可以简单地在小部件的 HTML 中使用元标记,如下所示:
<meta name="buildfire" content="disableTheme">
这在 meta tag 部分下的 SDK wiki 中有所介绍。
【解决方案2】:
此代码位于我的 AngularJS 应用程序的 index.html 文件中。
<body ng-controller="mainController" onload="removeCustomCSS()">
<script>
function removeCustomCSS() {
let links = document.querySelectorAll('[href*=appTheme]');
links[0].remove();
}
</script>