활성 탭에 밑줄 적용

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>