C# МОФ TabItem выбора не полностью функционален

Question

У меня есть пользовательский стиль заголовка для TabItem:

<Style TargetType="{x:Type TabItem}" x:Key="purpleTab"> 
     <Setter Property="Background" Value="#E5E5E5"/> 
     <Setter Property="Width" Value="97"/> 
     <Setter Property="Height" Value="70"/> 
     <Setter Property="Padding" Value="0"/> 
     <Setter Property="Margin" Value="0"/> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="TabItem"> 
        <Border Name="Border" BorderThickness="0,0,0,2" BorderBrush="#E5E5E5"> 
         <ContentPresenter x:Name="ContentSite" 
            VerticalAlignment="Center" 
            HorizontalAlignment="Center" 
            ContentSource="Header" Width="97" Height="66"/> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsSelected" Value="True"> 
          <Setter TargetName="Border" Property="BorderBrush" Value="#1F1F1F" /> 
         </Trigger> 
         <Trigger Property="IsSelected" Value="False"> 
          <Setter TargetName="Border" Property="BorderBrush" Value="#E5E5E5" /> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 

И мой TabItem выглядит следующим образом:

<TabItem x:Name="AccTabItem" 
    Style="{DynamicResource purpleTab}"> 
<TabItem.Header> 
    <StackPanel Orientation="Vertical"> 
     <Image Height="30" Width="30" Margin="0 10 0 0" 
       Source="{Binding IsSelected, ElementName=AccTabItem, 
      Converter={StaticResource IsSelectedToIconSourceConverter}, 
      ConverterParameter=ac}"/> 
     <TextBlock Text="{DynamicResource Account}" FontSize="12" Margin="0 6 0 0" 
        Foreground="{Binding IsSelected, ElementName=AccTabItem, 
      Converter={StaticResource IsSelectedToForegroundColor}}" HorizontalAlignment="Center"/> 
    </StackPanel> 
</TabItem.Header> 
<view:UserSettingsView/> 
</TabItem> 

Моя проблема заключается в том, что, когда я нажимаю над изображением или текст (в заголовке вкладки) он выбирает тонкую вкладку, но она не выбирается в остальной части области заголовка вкладки. Как я могу настроить выбор для работы с изображениями и текстовыми элементами (для работы для всей области заголовка)?

Answer 1

Добавить, например, прозрачный Background к Border в вашем стиле:

<Border Name="Border" BorderThickness="0,0,0,2" BorderBrush="#E5E5E5" Background="Transparent"> 

По умолчанию Фон установлен в {x:Null}