好的,我有一个简单的嵌套列表,样式是jqTree。
在使用检查器时,我注意到附加的类,负责突出显示元素是jqtree-selected
。
整个过程都很顺利。除了一件事:
我希望选择的背景(蓝色)占据整个行的宽度,不管选择了哪个元素。(当前,node1
和node2
元素的行为良好,但它们的“children”元素在突出显示时不占据整行)
关于如何实现这一点有什么想法吗?
演示:http://jsfiddle.net/80589tbx/
最佳答案
好吧,让我们假装。。。:)
.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
,所以我们不必这么做。