asp.net中树形视图控件的样式表 [英] style sheet for tree view control in asp.net

问题描述

我只想在asp.net中将样式应用于树视图控件

当鼠标悬停在节点上时，我需要显示一种颜色

显示选定节点(子/根/父)的差异颜色

提供有关选定节点的信息

谁能帮我

i just want apply styles for tree view control in asp.net

when mouse over on node i need to show one color

show diff color for selected node (child/root/parent)

which gives info about selected node

can any one help me

推荐答案

使用这个

Use this one

.AspNet-TreeView {
    width: 200px;
    border-top: solid 1px #DDD;
}
 
.AspNet-TreeView ul {
    list-style: none; 
}
 
.AspNet-TreeView-Leaf {
    border-bottom: solid 1px #DDD;
    background: url(../../images/structure/node-dot.gif) 8px 9px no-repeat;  
}
 
.AspNet-TreeView-Root {
    border-bottom: solid 1px #DDD; 
}
 
.AspNet-TreeView-Root a {
    display: block;
    width: 170px;
    margin-left: 20px;
    padding: 5px 5px 5px 5px; 
}
 
.AspNet-TreeView-Selected {
    background: #F6F6F6 url(../../images/structure/arrow-right.gif) 8px 9px no-repeat;
}
 
.AspNet-TreeView-Expand {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-plus.gif) 0px 0px no-repeat;
    cursor: pointer;
}
 
.AspNet-TreeView-Collapse {
    display: block;
    float: left;
    margin: 9px 0px 0px 8px;
    padding: 6px 4px 5px 4px;
    height: 0px !important;
    background: url(../../images/structure/node-minus.gif) 0px 0px no-repeat;
    cursor: pointer;
}
 
.AspNet-TreeView-Show li {
      border-top: solid 1px #DDD;
      background-position: 28px 9px;
}
 
.AspNet-TreeView-Hide {
    display: none;
}
 
.AspNet-TreeView ul li ul li {
    text-indent: 20px;
    border-bottom: none;
    font-size: 11px;
}

只需创建CSS类&然后应用于节点，子节点和树视图.就这样.检查这些

具有样式的树形视图 [树视图节点样式 [

Simply create CSS classes & then apply to nodes, sub-nodes & tree-view. That''s all. Check these

Treeview with style[^]
Tree view node style[^]

这篇关于asp.net中树形视图控件的样式表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！