WPF按钮鼠标悬停时背景颜色不改变问题排查

这个问题其实是WPF原生Button的ControlTemplate在搞鬼！默认情况下，Button自带的模板里已经定义了IsMouseOver状态下的视觉样式（就是你看到的浅蓝色背景），而且模板内部的触发器优先级比咱们在Style里写的触发器要高，所以你设置的Background根本不会生效——模板里的样式把它覆盖了。

给你两种可行的解决办法，按需选择：

方法1：重写Button的ControlTemplate（推荐） #

这种方式能完全自定义Button的所有视觉状态，彻底摆脱默认样式的干扰。把你的SidebarButton样式改成下面这样：

<Style TargetType="Button" x:Key="SidebarButton">
    <Style.Setters>
        <Setter Property="Control.FontFamily" Value="Segoe UI" />
        <Setter Property="Control.Background" Value="#333742" />
        <Setter Property="Control.Foreground" Value="White" />
        <Setter Property="Control.BorderThickness" Value="0" />
        <Setter Property="Control.Padding" Value="10" />
        <!-- 重写ControlTemplate -->
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Background="{TemplateBinding Background}" 
                            Padding="{TemplateBinding Padding}">
                        <ContentPresenter HorizontalAlignment="Center" 
                                          VerticalAlignment="Center" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Background" Value="Black" />
                            <Setter Property="Foreground" Value="Black" />
                            <Setter Property="Cursor" Value="Hand" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style.Setters>
</Style>

这个模板很简洁，就是一个Border包裹内容，所有状态的样式都由咱们自己控制，不会被默认模板干扰。

方法2：基于默认样式修改资源 #

如果你不想完全重写模板，可以试试继承默认Button样式，然后替换掉模板里的MouseOverBackground相关资源：

<Style TargetType="Button" x:Key="SidebarButton" BasedOn="{StaticResource {x:Type Button}}">
    <Style.Setters>
        <Setter Property="Control.FontFamily" Value="Segoe UI" />
        <Setter Property="Control.Background" Value="#333742" />
        <Setter Property="Control.Foreground" Value="White" />
        <Setter Property="Control.BorderThickness" Value="0" />
        <Setter Property="Control.Padding" Value="10" />
        <!-- 替换默认的MouseOver背景资源 -->
        <Setter Property="Resources">
            <Setter.Value>
                <SolidColorBrush x:Key="{x:Static SystemColors.HighlightBrushKey}" Color="Black" />
                <SolidColorBrush x:Key="{x:Static SystemColors.ControlBrushKey}" Color="Black" />
            </Setter.Value>
        </Setter>
    </Style.Setters>
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Foreground" Value="Black" />
            <Setter Property="Cursor" Value="Hand" />
        </Trigger>
    </Style.Triggers>
</Style>

不过这种方法可能因为不同WPF主题（比如Windows 10/11的系统样式差异）出现兼容性问题，所以更推荐第一种方法。

把上面的代码替换你原来的SidebarButton样式，再运行程序，鼠标悬停按钮时背景就会变成黑色了，同时光标和文本颜色也能正常生效。

内容的提问来源于stack exchange，提问作者Ivan Ivanov