在母版页上导航树视图时，保持树视图的SelectedNodeStyle

本文关键字：视图 SelectedNodeStyle 导航 母版页 | 更新日期: 2023-09-27 18:14:09

大家好，我应用selectednodestyle的树视图，它工作良好，当我不导航。但是在导航时，我无法看到树视图所选节点的应用颜色。这是我在主页的设计

<asp:TreeView ID="TreeViewCategories" runat="server" ExpandDepth="0" Style="min-height: 200px;
        max-height: 500px;" NodeIndent="0" LeafNodeStyle-CssClass="LeafNodesStyle" CssClass="TreeView"
        NodeStyle-CssClass="NodeStyle" ParentNodeStyle-CssClass="ParentNodeStyle" RootNodeStyle-CssClass="RootNodeStyle"
        SelectedNodeStyle-CssClass="SelectedNodeStyle" LeafNodeStyle-Width="100%" NodeStyle-Width="100%"
        ParentNodeStyle-Width="100%" RootNodeStyle-Width="100%" Font-Size="12pt">
        <Nodes>
            <asp:TreeNode Text="All Items" NavigateUrl="~/Default3.aspx" SelectAction="SelectExpand"
                Value="All Items">
                <asp:TreeNode Text="Hello" Value="Hello"></asp:TreeNode>
            </asp:TreeNode>
        </Nodes>
    </asp:TreeView>

这是我的css 

<style type="text/css">
    .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;*/
    }
    .SelectedNodeStyle
    {
        font-weight: bold;
        color: #6799D1;
        display: block;
        padding: 2px 0 2px 3px;
    }
</style>

但是我无法在导航到页面后为所选节点应用颜色，谁能帮助我

在母版页上导航树视图时，保持树视图的SelectedNodeStyle

你的代码是工作的，所以是CSS。如果你注意到你选择的文本变成了粗体

如果您的基础是在文字的颜色变化，有一些问题。如果您查看源代码，不仅SelectedNodeStyle css样式应用于项目，而且

NodeStyle FooterContent_TreeViewCategories_2 LeafNodesStyle FooterContent_TreeViewCategories_8 SelectedNodeStyle FooterContent_TreeViewCategories_10

所以我建议在你的css颜色中加入一些重要的元素，以使颜色变化生效。

.SelectedNodeStyle
{
    font-weight: bold;
    color: #6799D1 !important;
    display: block;
    padding: 2px 0 2px 3px;
}
相关文章：