Kibana自定义仪表板背景色
Kibana自定义仪表板背景色
提问于 2021-02-28 23:45:49
我试图定制的背景色的Kibana仪表板，以配合我的网站设计。
我使用IFrame发布仪表板，并且无法使用CSS更改背景。
我在设计我的网站时认为Kibana是可定制的。在过去的5个小时里，我在网上到处搜索，却找不到一篇这样描述的文章。
是否有任何支持/黑的方式来定制背景颜色？
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-03-05 01:32:57
在回答我自己的问题时，首先要确保您的应用程序与Iframe的来源相同，否则它将无法工作。
假设我们有这个假象：
<iframe
#chatFrame
[frameBorder]="0"
id="chatFrame"
src="YOUR_URL"
height="1000px" width="100%"></iframe>您应该访问jquery的DOM并相应地更改css类，
$('chatFrame').on('load', function() {
let head = $('iframe').contents().find('head');
let css = '<style> html{background-color: #202548 !important;} .euiPanel{margin:2px; background-color:#262b4d} .mapboxgl-canvas{background-color: #0f6674}</style>';
$(head).append(css);
});这里棘手的部分是知道你必须在同一个原产地中
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/66415020
复制相关文章
相似问题
腾讯云开发者
