jquery - 在 jqTree 中显示选定元素的全 Angular 背景

Question

好的，我有一个简单的嵌套列表，样式为 jqTree .

玩检查器，我注意到附加的类，负责突出显示元素的是 jqtree-selected。

而且整个过程都很好。 除了一件事:

无论选择哪个元素，我都希望选择背景(带有蓝色)占据线条的整个宽度。 (目前，node1 和 node2 元素表现良好，但它们的“子”元素在突出显示时不会占据整行)

关于如何实现这一点有什么想法吗？

---

演示: http://jsfiddle.net/80589tbx/

Answer 1

好吧，让我们伪造它... :)

.jqtree-selected> .jqtree-element::before {
    content:"";
    display:block;
    width:100%;
    position:absolute;
    top:0px;
    left:-100%;
    height:21px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(190, 224, 245)), to(rgb(137, 175, 202)));
}

Updated Fiddle

多亏了这个插件，它已经默认在 .jqtree-element 上应用 position:relative，所以我们不必这样做。