css - 在 jsTree 上设置行高？

Question

我正在使用 jstree 创建一个多级树，我希望能够设置比您通常看到的更大的行高，这样我就可以有一些大标题。 (如果我将字体设置得更大，线条就会重叠。)

我尝试在 li 和 a 元素上设置 line-height CSS 属性，但都没有效果； jstree 似乎以编程方式覆盖了这些值。 (我什至尝试在创建树后使用 jQuery 重新设置这些值，但这没有帮助。)

为了让事情变得更复杂，我想让不同的层次有不同的间距，这样顶层就可以比更深的层次大。

我试过主题插件，但我找不到任何可以控制行高的东西。

谢谢...

Answer 1

FWIW，这对我来说效果很好。它不会给你超大的标题大小，但它会根据我的喜好完美地增加大小。

用 variant: large 设置我的树

//jstree config
$("#tree").jstree({
  "core" : {
    "themes" : {
      "variant" : "large"
    }
  }
  // ...
});

然后还更改所有节点的字体大小:

/* CSS */    
.jstree-node {
    font-size: 13pt;
}