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

Question

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

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

整个过程非常正常。 除了一件事：

无论选择哪个元素，我都希望选择背景（蓝色）占据线条的全宽。 （目前，node1和node2元素的行为很好，但是当突出显示时，他们的＆＃34; children＆＃34;元素不会占据整行;

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

---

演示： 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

感谢插件，默认情况下它已在position:relative上应用.jqtree-element，因此我们不必这样做。

Answer 2

从以下css中删除margin-left。

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

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