如何保持TabControl选项卡标题的背景色（选中状态不重置）

问题出在WPF的TabItem默认样式里，当选项卡被选中时，内置的触发器会强制覆盖你设置的Background属性。要保持自定义的背景色，有两种常用方案：

方案1：添加针对IsSelected的多状态触发器 #

直接在你的Style.Triggers里补充处理选中状态的逻辑，覆盖默认样式的行为：

<TabControl ItemsSource="{Binding Days}" Grid.Row="1" Margin="6" SelectedIndex="0" Loaded="OnTabLoaded">
    <TabControl.ItemContainerStyle>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Header">
                <Setter.Value>
                    <Binding Path="Key" ConverterParameter="{}{0:ddd dd.MM}">
                        <Binding.Converter>
                            <converters:ToStringConverter></converters:ToStringConverter>
                        </Binding.Converter>
                    </Binding>
                </Setter.Value>
            </Setter>
            <!-- 默认未选中且有错误的背景色 -->
            <Setter Property="Background" Value="IndianRed"></Setter>
            <Style.Triggers>
                <!-- 未选中且无错误 -->
                <DataTrigger Binding="{Binding Value.HasError}" Value="False">
                    <Setter Property="Background" Value="LightGreen"></Setter>
                </DataTrigger>
                <!-- 选中且有错误 -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True"/>
                        <Condition Binding="{Binding Value.HasError}" Value="True"/>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="IndianRed"/>
                </MultiDataTrigger>
                <!-- 选中且无错误 -->
                <MultiDataTrigger>
                    <MultiDataTrigger.Conditions>
                        <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True"/>
                        <Condition Binding="{Binding Value.HasError}" Value="False"/>
                    </MultiDataTrigger.Conditions>
                    <Setter Property="Background" Value="LightGreen"/>
                </MultiDataTrigger>
            </Style.Triggers>
        </Style>
    </TabControl.ItemContainerStyle>
    
    <!-- Content -->
    
</TabControl>

这种方式不需要修改模板，直接通过扩展触发器覆盖默认选中状态的背景色，逻辑清晰，适合快速调整。

方案2：重写TabItem的ControlTemplate #

如果需要更彻底的自定义（比如连选中时的边框、字体样式一起改），可以完全替换TabItem的模板，移除默认的选中状态样式：

<TabControl ItemsSource="{Binding Days}" Grid.Row="1" Margin="6" SelectedIndex="0" Loaded="OnTabLoaded">
    <TabControl.ItemContainerStyle>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Header">
                <Setter.Value>
                    <Binding Path="Key" ConverterParameter="{}{0:ddd dd.MM}">
                        <Binding.Converter>
                            <converters:ToStringConverter></converters:ToStringConverter>
                        </Binding.Converter>
                    </Binding>
                </Setter.Value>
            </Setter>
            <Setter Property="Background" Value="IndianRed"></Setter>
            <!-- 重写模板 -->
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border 
                                Name="Border"
                                Background="{TemplateBinding Background}"
                                BorderBrush="{TemplateBinding BorderBrush}"
                                BorderThickness="1,1,1,0"
                                CornerRadius="4,4,0,0"
                                Padding="6,2">
                                <ContentPresenter x:Name="ContentSite"
                                    VerticalAlignment="Center"
                                    HorizontalAlignment="Center"
                                    ContentSource="Header"
                                    Margin="12,2"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <!-- 无错误时的背景色 -->
                            <DataTrigger Binding="{Binding Value.HasError}" Value="False">
                                <Setter TargetName="Border" Property="Background" Value="LightGreen"/>
                            </DataTrigger>
                            <!-- 选中时调整边框（可选，根据需求改） -->
                            <Trigger Property="IsSelected" Value="True">
                                <Setter TargetName="Border" Property="BorderThickness" Value="1,1,1,0"/>
                                <Setter TargetName="Border" Property="Background" Value="{TemplateBinding Background}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TabControl.ItemContainerStyle>
    
    <!-- Content -->
    
</TabControl>

这个方案完全掌控了TabItem的视觉呈现，默认的选中状态样式被移除，你的背景色设置会一直生效。

关键原理 #

WPF的样式优先级是：模板内的触发器 > 样式内的触发器 > 样式内的Setter。默认TabItem模板里的选中触发器优先级比你写的DataTrigger高，所以要么用更高优先级的MultiDataTrigger覆盖，要么重写模板去掉默认的触发器逻辑。

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