用CSS 對TREEVIEW 的外觀進行改造

來源:互聯網
上載者:User
此代碼來自 MS的 small business starter kit
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
TREE VIEW CONTROL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.TreeView
{
border-bottom:1px dotted #B2B2B2 !important;
}

.TreeView div
{
margin-left:5px;
}

.TreeView table
{
border-top:1px dotted #B2B2B2 !important;
}

.TreeView div table
{
border-bottom:none !important;
border-top:none !important;
}

.TreeView table td
{
padding:2px 0;
}

.LeafNodesStyle
{

}

.RootNodeStyle
{

}

/* ALL ELEMENTS */
.NodeStyle
{

}

.ParentNodeStyle
{
background:yellow;
}

a.SelectedNodeStyle
{
background:#E5E5E5;
display:block;
padding:2px 0 2px 3px;
}

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
treeview 控制項的代碼
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

All Items
--%>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.