这问题我之前也碰到过！默认WPF按钮的MouseOver效果会修改整个按钮背景，要实现仅图标变色的需求，核心是自定义按钮的ControlTemplate，把背景的默认Hover逻辑去掉，单独给图标加颜色变化的触发器。下面给你两种常用的实现方案：

方案1：用矢量图标（Path）实现 #

矢量图标最适合这种颜色变化需求，不用切换图片，直接改填充色就行：

<Window.Resources>
    <!-- 自定义按钮样式 -->
    <Style x:Key="AccountButtonStyle" TargetType="{x:Type Button}">
        <!-- 初始设置：透明背景、无边框 -->
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Cursor" Value="Hand"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <!-- 按钮背景：固定颜色，不随Hover变化 -->
                        <Border Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="{TemplateBinding BorderThickness}"/>
                        <!-- 账户矢量图标（你可以替换成自己的Path数据） -->
                        <Path x:Name="AccountIcon"
                              Data="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z"
                              Fill="#666666"
                              Width="24" Height="24"
                              HorizontalAlignment="Center" VerticalAlignment="Center"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <!-- 鼠标悬停：仅改变图标填充色 -->
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="AccountIcon" Property="Fill" Value="#0078D7"/>
                        </Trigger>
                        <!-- 按钮按下：加深图标颜色，增强交互反馈 -->
                        <Trigger Property="IsPressed" Value="True">
                            <Setter TargetName="AccountIcon" Property="Fill" Value="#005A9E"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

<!-- 使用自定义按钮 -->
<Button Style="{StaticResource AccountButtonStyle}"
        ToolTip="我的账户"/>

代码说明： #

• 先把按钮的默认背景设为透明、边框去掉，避免默认样式干扰
• 在ControlTemplate里，用Border固定按钮背景，不会随Hover变化
• 矢量图标用Path实现，通过触发器监听按钮的IsMouseOver状态，仅修改图标的Fill属性
• 可选添加IsPressed触发器，给点击动作增加视觉反馈

方案2：用图片（Image）实现 #

如果你用的是PNG等位图图标，可以通过切换图片源或者颜色滤镜实现：

方式1：切换图片源（需要两张不同颜色的图标） #

<Window.Resources>
    <Style x:Key="ImageAccountButtonStyle" TargetType="{x:Type Button}">
        <Setter Property="Background" Value="Transparent"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type Button}">
                    <Grid>
                        <Border Background="{TemplateBinding Background}"/>
                        <!-- 账户图标，通过触发器切换图片 -->
                        <Image x:Name="AccountImg"
                               Source="/Assets/account_gray.png"
                               Width="24" Height="24"/>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter TargetName="AccountImg" Property="Source" Value="/Assets/account_blue.png"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

方式2：用颜色滤镜（无需多张图片） #

如果不想做两张图，可以用ColorMatrix给图片染色：

<Image x:Name="AccountImg" Source="/Assets/account_gray.png">
    <Image.Style>
        <Style TargetType="{x:Type Image}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource AncestorType=Button}}" Value="True">
                    <Setter Property="Effect">
                        <Setter.Value>
                            <ColorMatrixEffect>
                                <ColorMatrixEffect.ColorMatrix>
                                    <ColorMatrix Matrix="0 0 0 0 0.0,
                                                        0 0 0 0 0.47,
                                                        0 0 0 0 0.84,
                                                        0 0 0 1 0.0"/>
                                </ColorMatrixEffect.ColorMatrix>
                            </ColorMatrixEffect>
                        </Setter.Value>
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Image.Style>
</Image>

核心思路都是：让按钮背景脱离默认的Hover逻辑，只针对图标元素设置状态变化，这样就能实现你要的“仅图标变色，按钮背景不变”的效果啦！

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