在 masterpage 上导航 Treeview 时保持 Treeview 的 SelectedNodeStyle

Question

大家好，我为树视图应用了 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>

但是我无法在导航到页面后应用所选节点的颜色，任何人都可以帮助我

Answer 1

您的代码可以正常工作，CSS 也可以。如果您注意到您选择的文字变成了粗体。

如果你的依据是文字颜色的变化，那就有问题了。如果您查看源代码，不仅SelectedNodeStyle css 样式应用于项目，而且这些也

NodeStyle FooterContent_TreeViewCategories_2 LeafNodesStyle FooterContent_TreeViewCategories_8 SelectedNodeStyle FooterContent_TreeViewCategories_10

所以我建议在您的 css 颜色上添加一些 !important 以使颜色更改生效。

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