2016-01-07 3 views
0

Я пытаюсь создать дерево, где текст родительского узла и дочерних узлов отображается в разных цветах.Styling 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> 

Я также попытался установить свойство ForeColor в ParentNodeStyle, но он не работает.

Любые идеи?

Update: Сгенерированный HTML, приносим извинения за многословие, его все завернутые в DNN:

RootNode:

<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> 

Leafnode:

<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> 
+0

Не могли бы вы добавить пример сгенерированного html? –

+0

Уверен, обновите мой вопрос –

ответ

0

Может все родительские узлы имеют такой же стиль, как и один другой? If so, this should do it.

.rootNode{ 
    color: red; 
} 

.leafNode { 
    color: green; 
} 
+0

Спасибо. Акты a, link, a: visited, a: active переопределили ваше предложение, которое я смог решить, используя флаг! Important: –