如何解决TabItem鼠标悬停时出现双重蓝色的问题？

这个问题通常是WPF默认TabItem模板中，悬停状态下同时启用了背景色和边框色的蓝色样式，或者自定义样式与系统默认样式冲突叠加导致的。最直接的解决方式是重写TabItem的ControlTemplate，完全控制它的视觉状态。

下面是一个完整的自定义TabItem样式示例，你可以直接用它替换默认样式，这样就能彻底避免双重蓝色的问题：

<Style TargetType="TabItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="TabItem">
                <Grid>
                    <Border 
                        x:Name="TabBorder"
                        CornerRadius="4,4,0,0"
                        BorderThickness="1,1,1,0"
                        BorderBrush="#DDDDDD"
                        Background="#F7F7F7">
                        <ContentPresenter 
                            x:Name="ContentSite"
                            VerticalAlignment="Center"
                            HorizontalAlignment="Center"
                            ContentSource="Header"
                            Margin="12,2,12,2"/>
                    </Border>
                </Grid>
                <ControlTemplate.Triggers>
                    <!-- 鼠标悬停状态 -->
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="TabBorder" Property="Background" Value="#E5F1FB"/>
                        <Setter TargetName="TabBorder" Property="BorderBrush" Value="#73B6F3"/>
                        <!-- 这里只设置你需要的颜色，避免默认的双重蓝色叠加 -->
                    </Trigger>
                    <!-- 选中状态 -->
                    <Trigger Property="IsSelected" Value="True">
                        <Setter TargetName="TabBorder" Property="Background" Value="White"/>
                        <Setter TargetName="TabBorder" Property="BorderBrush" Value="#2196F3"/>
                        <Setter TargetName="TabBorder" Property="BorderThickness" Value="1,1,1,0"/>
                    </Trigger>
                    <!-- 禁用状态 -->
                    <Trigger Property="IsEnabled" Value="False">
                        <Setter TargetName="TabBorder" Property="Background" Value="#EEEEEE"/>
                        <Setter TargetName="TabBorder" Property="BorderBrush" Value="#CCCCCC"/>
                        <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="#999999"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键说明： #

• 我们完全替换了默认的TabItem模板，没有依赖系统自带的样式片段，所以不会出现样式叠加的问题。
• 在IsMouseOver触发器里，只设置了背景色和边框色各一种，你可以根据自己的需求调整颜色值（比如换成你想要的非蓝色，或者单一蓝色效果）。
• 如果你的TabControl已经有自定义样式，只需要把这个TabItem的样式嵌套进去，或者直接应用到目标TabItem上即可。

另外，如果你只是想修改默认样式的一部分而不是完全重写，也可以通过BasedOn继承默认样式，然后覆盖悬停触发器：

<Style TargetType="TabItem" BasedOn="{StaticResource {x:Type TabItem}}">
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="#E5F1FB"/>
            <Setter Property="BorderBrush" Value="#73B6F3"/>
            <!-- 覆盖默认的双重蓝色设置 -->
        </Trigger>
    </Style.Triggers>
</Style>

这种方式适合不想完全改变TabItem整体外观，只是修正悬停效果的场景。

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