css - 在 TreeView 中定位图像(图标)

Question

我试图将 - 和 + 图标定位在树线的右侧，但在文本“哺乳动物”和“大象”之前

http://cssdeck.com/labs/sd1cnqm7

Answer 1

所有你需要的:

.treeView li.collapsibleListOpen {
    background: url('http://code.stephenmorley.org/javascript/collapsible-lists/button-open.png') no-repeat 1em 0.5em;
    list-style: none;
}
.treeView li.collapsibleListClosed {
    background: url('http://code.stephenmorley.org/javascript/collapsible-lists/button-closed.png') no-repeat 1em 0.5em;
    list-style: none;
}
.treeView li {
    padding: 0px 2em;
    /* rest of the styles */
}

演示: http://jsfiddle.net/suaLyrop/