停止带有HTML顶点标签的mxGraph覆盖HTML样式
我创建了以下引导卡： 我想让这张卡成为mxGraph中顶点的基础，我通过下面包含的main（）函数来完成 加载主体时，将自动调用此函数：停止带有HTML顶点标签的mxGraph覆盖HTML样式,html,css,twitter-bootstrap,mxgraph,Html,Css,Twitter Bootstrap,Mxgraph,我创建了以下引导卡： 我想让这张卡成为mxGraph中顶点的基础，我通过下面包含的main（）函数来完成 加载主体时，将自动调用此函数： <body onload="main(document.getElementById('graphContainer'))"> 问题是，我定义的卡（存储在cellentry中）被其他一些div包起来，这些div更改了卡的样式，使其看起来如下（右侧的原件）： 有没有办法告诉mxGraph不要将自己的样式表添加到HTML标
<body onload="main(document.getElementById('graphContainer'))">
main（）函数
主功能（容器）{
//检查浏览器是否受支持
如果（！mxClient.isBrowserSupported（））{
//如果不支持浏览器，则显示错误消息。
mxUtils.error（“不支持浏览器！”，200，false）；
}否则{
//禁用内置上下文菜单
mxEvent.disableContextMenu（容器）；
//在给定容器内创建图形
var图形=新的mxGraph（容器）；
graph.setHtmlLabels（真）
//启用橡皮筋选择
新MX橡胶带（图）；
//获取用于插入新单元格的默认父级。此
//通常是根的第一个子级（即层0）。
var parent=graph.getDefaultParent（）；
var style=新对象（）；
graph.getStylesheet（）.putDefaultVertexStyle（样式）；
cellentry='标题文本限制：文本'
//在单个步骤中将单元添加到模型中
graph.getModel（）.beginUpdate（）；
尝试
{
var v2=graph.insertVertex（父项、null、cellentry、220、100、80、30）；
//var v2=graph.insertVertex（父对象，null，'World！'，200，150，80，30）；
//var e1=图形插入边缘（父级，null'，v1，v2）；
}
最后
{
//更新显示
graph.getModel（）.endUpdate（）；
}
}
}
<div class="diagramContainer">
<div class="card" style="width: 18rem;">
<div class="card-header"
style="padding-left: 0em; padding-right: 0.5em; padding-top:0; padding-bottom:0;">
<div class="container">
<div class="row">
<div class="col-1 bg-danger" style="width:2em;"> </div>
<div class="col pl-1 pr-1" style="">
<!-- <h6 class="m-0">$AcctName</h6> -->
<b>HEADER</b>
</div>
<div class="col-4 border-left text-right p-0" style="">
<small class="text-black-50">Text</small>
</div>
</div>
</div>
</div>
<div class="card-body">
<h2 class="card-text text-center">Text</h2>
</div>
<div class="card-footer" style="padding-top:0; padding-bottom:0; padding-right: 0.5em">
<div class="container">
<div class="row">
<div class="col text-right">
Limit:
</div>
<div class="col-4 border-left text-right p-0 text-right" style="">
<!-- <div class="d-flex"> -->
<small class="text-black-50" style="">Text</small>
<!-- </div> -->
</div>
</div>
</div>
</div>
</div>
</div>
标题
正文
正文
限制：
正文
<div id="graphContainer" class="container-fluid" style="position: relative; touch-action: none;">
<svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 404px; min-height: 169px;">
<g>
<g></g>
<g>
<g transform="translate(0.5,0.5)" style="visibility: visible;">
<rect x="220" y="100" width="80" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
<rect x="220" y="100" width="80" height="30" fill="none" stroke="none" pointer-events="all"></rect>
</g>
<g style="">
<g>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%">
<div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 115px; margin-left: 260px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 11px; font-family: Arial,Helvetica; color: black; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div class="diagramContainer">
<div class="card" style="width: 18rem;">
<div class="card-header" style="padding-left: 0em; padding-right: 0.5em; padding-top:0; padding-bottom:0;">
<div class="container">
<div class="row">
<div class="col-1 bg-danger" style="width:2em;"> </div>
<div class="col pl-1 pr-1" style=""> <b>HEADER</b> </div>
<div class="col-4 border-left text-right p-0" style=""> <small class="text-black-50">Text</small> </div>
</div>
</div>
</div>
<div class="card-body">
<h2 class="card-text text-center">Text</h2>
</div>
<div class="card-footer" style="padding-top:0; padding-bottom:0; padding-right: 0.5em">
<div class="container">
<div class="row">
<div class="col text-right"> Limit: </div>
<div class="col-4 border-left text-right p-0 text-right" style=""> <small class="text-black-50" style="">Text</small> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</foreignObject>
</g>
</g>
</g>
<g></g>
<g></g>
</g>
</svg>
</div>
标题
正文
正文
限制：
正文
<div id="graphContainer" class="container-fluid" style="position: relative; touch-action: none;">
<svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 404px; min-height: 169px;">
<g>
<g></g>
<g>
<g transform="translate(0.5,0.5)" style="visibility: visible;">
<rect x="220" y="100" width="80" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
<rect x="220" y="100" width="80" height="30" fill="none" stroke="none" pointer-events="all"></rect>
</g>
<g style="">
<g>
<foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%">
<div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 115px; margin-left: 260px;">
<div style="box-sizing: border-box; font-size: 0; text-align: center; ">
<div style="display: inline-block; font-size: 11px; font-family: Arial,Helvetica; color: black; line-height: 1.2; pointer-events: all; white-space: nowrap; ">
<div class="diagramContainer">
<div class="card" style="width: 18rem;">
<div class="card-header" style="padding-left: 0em; padding-right: 0.5em; padding-top:0; padding-bottom:0;">
<div class="container">
<div class="row">
<div class="col-1 bg-danger" style="width:2em;"> </div>
<div class="col pl-1 pr-1" style=""> <b>HEADER</b> </div>
<div class="col-4 border-left text-right p-0" style=""> <small class="text-black-50">Text</small> </div>
</div>
</div>
</div>
<div class="card-body">
<h2 class="card-text text-center">Text</h2>
</div>
<div class="card-footer" style="padding-top:0; padding-bottom:0; padding-right: 0.5em">
<div class="container">
<div class="row">
<div class="col text-right"> Limit: </div>
<div class="col-4 border-left text-right p-0 text-right" style=""> <small class="text-black-50" style="">Text</small> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</foreignObject>
</g>
</g>
</g>
<g></g>
<g></g>
</g>
</svg>
</div>