删除花式树虚线边框答案

【问题标题】：Remove Fancytree Dotted Border删除花式树虚线边框
【发布时间】：2022-03-08 02:25:59
【问题描述】：

我有一个我认为是基本问题的问题，但我似乎无法弄清楚/找到答案......

我正在寻找使用 Fancytree 插件，想知道是否有人可以告诉我如何摆脱出现在整棵树周围的灰色虚线边框线？

你可以在Plunker看到我的意思

<body>
<h1>Fancytree Demo</h1>
<button id="button1">Test</button>
<hr>
<div id="tree"></div>
</body>

由于某种原因，它在 Fiddle 中不可见

<div id="tree"></div>
<div id="statusLine">-</div>
<p><button id="button1">Select item2</button></p>

我尝试了不同的方法，但我似乎无法摆脱它。任何人有一个想法我可以尝试，或者指出我忽略了什么？

谢谢！

【问题讨论】：

【解决方案1】：

您可以通过设置ul.fancytree-container声明的css属性来修改fancytree边框的样式：

ul.fancytree-container {
    border: none;
}

这个JSFiddle 有一个没有虚线边框的更新示例。

【讨论】：

【解决方案2】：

使用 jquery 并在树初始化后：

$(".fancytree-container").css('border','none');

【讨论】：