为每个节点设置asp.net treeview样式

时间:2016-01-07 12:45:42

标签: css asp.net treeview

我尝试设置树视图的样式,其中父节点和子节点文本以不同的颜色显示。

问题是节点是链接,并使用CSS设置样式。

a, a:link, a:visited, a:active {
color: #823551;

}

以我想要的方式为子节点着色但我的问题是如何覆盖父节点的样式属性?

或者,如何在不定义整个页面样式的情况下将CssClass属性应用于Treeview控件?

<Asp:Treeview CssClass="TreeView" ID="TreeView1" runat="server" ShowExpandCollapse ="false">
<ParentNodeStyle CssClass="parentNode" />
<LeafNodeStyle CssClass="leafNode"/>  
</Asp:Treeview>

我也尝试在ParentNodeStyle中设置ForeColor属性,但它不起作用。

有什么想法吗?

更新: 生成的HTML,为冗长道歉,它全部包含在DNN中:

根节点:

<a class="dnn_ctr424_View_TreeView1_0 rootNode dnn_ctr424_View_TreeView1_1" href="javascript:__doPostBack('dnn$ctr424$View$TreeView1','s2015')" onclick="TreeView_SelectNode(dnn_ctr424_View_TreeView1_Data, this,'dnn_ctr424_View_TreeView1n0');" id="dnn_ctr424_View_TreeView1n0" style="border-style:none;font-size:1em;">2015</a>

叶节点:

<a class="dnn_ctr424_View_TreeView1_0 leafNode dnn_ctr424_View_TreeView1_5" href="http://localhost:49357/newsletter/?newsID=5/test-dec" id="dnn_ctr424_View_TreeView1n1" style="border-style:none;font-size:1em;">14  December</a>

1 个答案:

答案 0 :(得分:1)

所有父节点都可以具有相同的样式吗? If so, this should do it.

.rootNode{
  color: red;
}

.leafNode {
  color: green;
}