アクティブなタブに下線を付けます

Question

アクティブなタブに太い線で下線を引いてティールカラーにしたいと思います。タブがアクティブでない場合、下線は消えます。私がこれまで行ってきたことは、各タブの下線ですが、アクティブであるかどうかに応じて、どのタブをどのようにオフ/オフするのか分かりません。

   <Style TargetType="{x:Type TabItem}"> 
        <Style.Triggers> 
         <Trigger Property="IsSelected" Value="True"> 
          <Setter Property="Foreground" Value="#48637E" /> 
         </Trigger> 
         <Trigger Property="IsSelected" Value="False"> 
          <Setter Property="Foreground" Value="#B4B4B4" /> 
         </Trigger> 
        </Style.Triggers> 
       </Style> 


      <TabItem> 
       <TabItem.Header> 
        <StackPanel > 
         <TextBlock Text=" FirstTab" FontFamily="Arial" FontSize="14" FontWeight="Bold" /> 
         <TextBlock Text="___________" Foreground="#00A79D" /> 
        </StackPanel> 
       </TabItem.Header> 
      </TabItem> 

おかげ

Answer 1

はこれを試してみてください。

<TabControl> 
      <TabControl.Resources> 
       <Style TargetType="{x:Type TabItem}"> 
        <Style.Triggers> 
         <Trigger Property="IsSelected" Value="True"> 
          <Setter Property="Foreground" Value="#48637E" /> 
          <Setter Property="HeaderTemplate"> 
           <Setter.Value> 
            <DataTemplate> 
             <TextBlock Text="{TemplateBinding Content}" TextDecorations="Underline"></TextBlock> 
            </DataTemplate> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
         <Trigger Property="IsSelected" Value="False"> 
          <Setter Property="Foreground" Value="#B4B4B4" /> 
          <Setter Property="HeaderTemplate"> 
           <Setter.Value> 
            <DataTemplate> 
             <TextBlock Text="{TemplateBinding Content}" ></TextBlock> 
            </DataTemplate> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
        </Style.Triggers> 
       </Style> 
      </TabControl.Resources> 
      <TabItem Header="First"></TabItem> 
      <TabItem Header="Second"></TabItem> 
      <TabItem Header="Third"></TabItem> 
     </TabControl>