鼠标离开时菜单颜色异常恢复默认蓝色问题求助

阿华AIGC实验室

2026-5-21

解决菜单离开按钮后恢复默认蓝色的问题

这问题我之前做WPF菜单自定义样式时也踩过坑！核心原因几乎可以确定是你只给**鼠标悬停（MouseOver）状态设置了自定义颜色，却没覆盖菜单打开状态（IsOpen）**的默认样式——当你点击“Themes”按钮打开菜单后，菜单的IsOpen属性会变为true，此时系统默认样式会接管背景色，导致鼠标离开按钮后又变回蓝色。

给你几个针对性的解决方案：

1. 覆盖菜单的IsOpen状态样式

以WPF为例，在菜单的ControlTemplate里，除了处理IsMouseOver，一定要加上IsOpen="True"的触发器，强制设置自定义背景色：

<ControlTemplate TargetType="{x:Type Menu}">
    <Border x:Name="MenuBorder" 
            Background="Transparent" 
            BorderBrush="#DDDDDD" 
            BorderThickness="1">
        <StackPanel IsItemsHost="True"/>
    </Border>
    <ControlTemplate.Triggers>
        <!-- 鼠标悬停时的样式 -->
        <Trigger Property="IsMouseOver" Value="True">
            <Setter TargetName="MenuBorder" Property="Background" Value="Red"/>
        </Trigger>
        <!-- 关键：菜单打开时保持自定义背景 -->
        <Trigger Property="IsOpen" Value="True">
            <Setter TargetName="MenuBorder" Property="Background" Value="Red"/>
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

2. 确保菜单项的打开状态样式一致

如果菜单项也有类似问题，要在MenuItem的样式里处理父菜单打开时的非悬停状态，避免被默认样式覆盖：

<Style TargetType="{x:Type MenuItem}">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Foreground" Value="#333333"/>
    <Style.Triggers>
        <!-- 菜单项悬停样式 -->
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Red"/>
            <Setter Property="Foreground" Value="White"/>
        </Trigger>
        <!-- 父菜单打开时，菜单项非悬停的背景色 -->
        <MultiTrigger>
            <MultiTrigger.Conditions>
                <Condition Property="IsParentOpen" Value="True"/>
                <Condition Property="IsMouseOver" Value="False"/>
            </MultiTrigger.Conditions>
            <Setter Property="Background" Value="#FFF5F5F5"/> <!-- 自定义打开状态的非悬停色 -->
        </MultiTrigger>
    </Style.Triggers>
</Style>