jquery - 在 jqTree 中显示所选项目的全宽背景

Question

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

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

整个事情都很好。除了一件事：

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

关于如何实现这一点的任何想法？

---

演示：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)));
}

更新小提琴

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

Answer 2

margin-left从以下 css 中删除。

你可以在jquery.jqtree.css 第 12 行找到它

ul.jqtree-tree ul.jqtree_common {
display: block;
margin-left: 12px;/**Remove this**/
margin-right: 0;
}