.treeview {
|
-webkit-user-select: none;
|
-moz-user-select: none;
|
-ms-user-select: none;
|
user-select: none;
|
width: 100%;
|
}
|
.treeview ul {
|
margin-left: 1.5em;
|
}
|
.treeview .folder {
|
display: block;
|
width: 100%;
|
overflow: hidden;
|
text-indent: 30px;
|
line-height: 32px;
|
// 对于文本超出限制使用...代替
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
background-image: url("../image/folder_arrow.gif");
|
background-repeat: no-repeat;
|
background-position: 5px 8px;
|
|
}
|
.treeview .folder:hover {
|
background-color: #E4E1E1;
|
}
|
.treeview .closed > .folder {
|
background-position: 5px -79px;
|
}
|
.treeview .closed > .folder:hover {
|
background-color: #E4E1E1;
|
}
|
.treeview .closed > .folder + ul {
|
display: none;
|
}
|
.treeview .file {
|
display: block;
|
width: 100%;
|
text-indent: 30px;
|
line-height: 32px;
|
background: url('../image/batt.gif') 7px 9px no-repeat;
|
white-space: nowrap;
|
}
|
.treeview .file:hover {
|
background-color: #E4E1E1;
|
}
|
.treeview .file.active {
|
background-color: #E4E1E1;
|
}
|