选择/扩展图标的fancytree css样式

Question

我正在创建一个树来为文件目标选择一个文件夹，因此它只支持单个选择。扩展器是隐藏的，我在文件夹图标上有+或 - 。单击文件夹图标将展开或折叠树。文件夹图标和标题会更改（颜色）以指示选择了哪个文件夹。

我使用自定义图标，因为我有不同类型的文件夹。

适用于折叠选中或折叠未选中。它适用于扩展选中，但我无法使样式表适用于选定的扩展文件夹。

以下显示展开的文件夹图标，未选中时带有 - 符号

span.fancytree-expanded > span.fancytree-custom-icon.FolderWithChildren {
    background-image: url("FolderMinus.png");
}

但是我无法弄清楚所选/扩展文件夹的语法。我尝试了很多变化，但没有任何作用。例如;

span.fancytree-expanded > span.fancytree-selected span.fancytree-custom-icon.FolderWithChildren {
    background-image: url("FolderMinusSelected.png");
}

感谢您的帮助。

Answer 1

试试这个

span.fancytree-expanded.fancytree-selected > span.fancytree-custom-icon.FolderWithChildren {
    background-image: url("FolderMinusSelected.png");
}