如何移除AvaloniaUI中TabControl的选中状态蓝色指示条？

那个烦人的蓝色条是TabItem默认模板里的PART_SelectedIndicator元素，专门用来标记选中状态。要移除它，有两种简洁的方案：

方案一：直接隐藏指示器元素 #

不需要替换整个模板，只需在你的样式中添加针对该指示器的样式规则，将其透明度设为0或直接隐藏：

<Window.Styles>
    <!-- 你的原有样式代码 -->
    
    <!-- 添加这一段来隐藏蓝色指示条 -->
    <Style Selector="TabItem /template/ Border#PART_SelectedIndicator">
        <Setter Property="Opacity" Value="0"/>
        <!-- 也可以用Visibility彻底隐藏：<Setter Property="Visibility" Value="Collapsed"/> -->
    </Style>
</Window.Styles>

这个方法的好处是保留TabItem的其他默认行为，仅移除蓝色条。

方案二：自定义TabItem模板（完全控制外观） #

如果需要彻底自定义TabItem的外观，可以替换它的ControlTemplate，完全移除指示器部分：

<Style Selector="TabItem">
    <!-- 你的原有Setter配置 -->
    <Setter Property="FocusAdorner" Value="{x:Null}"/>
    <Setter Property="Width" Value="200"/>
    <Setter Property="FontSize" Value="21"/>
    <Setter Property="Height" Value="34"/>
    <Setter Property="VerticalAlignment" Value="Center"/>
    <Setter Property="Background" Value="#d4d6d9"/>
    <Setter Property="Foreground" Value="#94a0b0"/>
    <Setter Property="Margin" Value="0 0 0 0"/>
    <Setter Property="Padding" Value="10 0"/>
    <Setter Property="HorizontalContentAlignment" Value="Left"/>
    
    <!-- 替换为自定义模板 -->
    <Setter Property="Template">
        <ControlTemplate>
            <Border Background="{TemplateBinding Background}"
                    BorderBrush="{TemplateBinding BorderBrush}"
                    BorderThickness="{TemplateBinding BorderThickness}"
                    Padding="{TemplateBinding Padding}">
                <ContentPresenter Content="{TemplateBinding Header}"
                                  HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                  VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
            </Border>
        </ControlTemplate>
    </Setter>
</Style>

为什么之前的样式没生效？ #

你之前设置的TabItem:focus、TabItem:selected样式仅修改了TabItem本身的背景和前景，但蓝色条是模板内部独立的PART_SelectedIndicator边框元素，不属于TabItem的直接属性，所以直接修改TabItem的状态样式无法影响它。

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