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

如何仅使用css更改JStree节点的图标?,css,icons,jstree,Css,Icons,Jstree,我想知道如何只使用css来更改JStree节点的图标? 有很多帖子解释了如何使用javascript,但我更喜欢只使用css 以下是我目前的代码: $("#treeview").jstree().on('loaded.jstree', function() { $("#treeview").jstree('open_all'); }); 以及Html: <div id="treeview"> <ul> <li> <a h

我想知道如何只使用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是一个很大的帮助,但是我在网站上找不到这个


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

您只需在CSS中包含以下内容:

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


工作正常(2016年更新):

谢谢,我会在今天晚些时候尽可能尝试。希望它能起作用,然后我会给你答案;)你的答案对我来说并不完全有效,所以我改成了这个.jstree default li a ins{background:url(../images/icons/search.png“)0px 0px不重复!重要;}答案很旧,JSFIDLE不起作用,但仍然可以。我还建议使用响应json的icon属性并将css类名传递给它。