Question

我试图找出如何仅使用css更改JStree节点的图标？有很多帖子解释用javascript做这件事，但我更喜欢只用css。

到目前为止，这是我的代码：

$("#treeview").jstree().on('loaded.jstree', function()
{
    $("#treeview").jstree('open_all');
});

和Html：

<div id="treeview">
  <ul>
    <li>
      <a href="#">abcdefghijkl</a>
      <ul>
        <li>
          <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=6',false);">
          Beneden</a>
        </li>
        <li>
          <a href="#" onclick="goTo('index.php?module=klimaat&amp;pagina=dashboard&amp;id=7',false);">
          Boven</a>
        </li>
      </ul>
    </li>
  </ul>
</div>

对于CSS我正在使用jstree提供的默认样式表。 jstree提供的文档非常糟糕。所以stackoverflow是一个很大的帮助，但我在网站上找不到这个。

如果您需要更多代码或信息，请询问。感谢

Answer 1

您只需将其包含在CSS中：

a .jstree-icon
{
    background-image: url("yourimage.png")!important;
    background-position: 0!important;
}

This is a fiddle正常工作（2016年更新）：

如何仅使用css更改JStree节点的图标？

1 个答案: