WPF Wie ComboBoxItem BorderBrush auf MouseOver ausblenden? (das blaue Auswahlrechteck)

Question

Ich möchte eine Imagebasierte Combobox in WPF anzeigen. Es funktioniert mit einigen Vorlagen, aber ich finde nicht heraus, wie man das bläuliche Mousehover-Rechteck loswird. See the light blue box:

OK ich die Lösung gefunden, wird die Frage gelöst jetzt die Lösung hier unten ansehen:

Die Lösung:

<ComboBox x:Name="comboBox" 
     Width="158" 
       Height="44" 
       Background="Transparent" 
       BorderBrush="#551B2830" 
       Foreground="Black"> 
     <ComboBoxItem TextBlock.TextAlignment="Center">Mousehover me</ComboBoxItem> 
     <ComboBoxItem TextBlock.TextAlignment="Center">To see the bad </ComboBoxItem> 
     <ComboBoxItem TextBlock.TextAlignment="Center">blue rectangle</ComboBoxItem> 
     <ComboBox.ItemContainerStyle> 
      <Style TargetType="ComboBoxItem"> 
       <Setter Property="BorderBrush" Value="Transparent" /> 
       <Setter Property="BorderThickness" Value="0" /> 
       <Setter Property="Template"> 
        <Setter.Value> 
         <!--This Does the Magic--> 
         <ControlTemplate TargetType="{x:Type ComboBoxItem}"> 
          <Border x:Name="Bd" 
            BorderBrush="{TemplateBinding BorderBrush}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            Padding="{TemplateBinding Padding}" 
            SnapsToDevicePixels="true"> 
           <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
                VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                SnapsToDevicePixels="True" /> 
          </Border> 

         </ControlTemplate> 
        </Setter.Value> 
       </Setter> 
      </Style> 
     </ComboBox.ItemContainerStyle> 
    </ComboBox> 

</Grid> 

Answer 1

Ok habe herausgefunden, wie es geht. Ich kann eine Vorlage für das comboboxItem ohne Border oder mit Invisible Border hinzufügen. Ich habe auch die Frage mit der Lösung aktualisiert.

Edit: Und auch hier um es zu markieren, wie beantwortet ..

<ComboBox x:Name="comboBox" 
    Width="158" 
      Height="44" 
      Background="Transparent" 
      BorderBrush="#551B2830" 
      Foreground="Black"> 
    <ComboBoxItem TextBlock.TextAlignment="Center">Mousehover me</ComboBoxItem> 
    <ComboBoxItem TextBlock.TextAlignment="Center">To see the bad </ComboBoxItem> 
    <ComboBoxItem TextBlock.TextAlignment="Center">blue rectangle</ComboBoxItem> 
    <ComboBox.ItemContainerStyle> 
     <Style TargetType="ComboBoxItem"> 
      <Setter Property="BorderBrush" Value="Transparent" /> 
      <Setter Property="BorderThickness" Value="0" /> 
      <Setter Property="Template"> 
       <Setter.Value> 
        <!--This Does the Magic--> 
        <ControlTemplate TargetType="{x:Type ComboBoxItem}"> 
         <Border x:Name="Bd" 
           BorderBrush="{TemplateBinding BorderBrush}" 
           BorderThickness="{TemplateBinding BorderThickness}" 
           Padding="{TemplateBinding Padding}" 
           SnapsToDevicePixels="true"> 
          <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
               VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
               SnapsToDevicePixels="True" /> 
         </Border> 

        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </ComboBox.ItemContainerStyle> 
</ComboBox> 

Answer 2

Dies wird für Sie arbeitet:

<ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"KeyboardNavigation.DirectionalNavigation="Contained"/> 
    </ScrollViewer></Border> 
    </Microsoft_Windows_Themes:SystemDropShadowChrome></Popup> 
    <Microsoft_Windows_Themes:ListBoxChrome x:Name="Border" Grid.ColumnSpan="2" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" RenderFocused="{TemplateBinding IsKeyboardFocusWithin}" RenderMouseOver="{TemplateBinding IsMouseOver}"/> 
    <TextBox x:Name="PART_EditableTextBox" Margin="{TemplateBinding Padding}" Style="{StaticResource ComboBoxEditableTextBox}" HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" IsReadOnly="{Binding IsReadOnly, RelativeSource={RelativeSource TemplatedParent}}"/> 
    <ToggleButton Style="{StaticResource ComboBoxToggleButton}"Grid.Column="1" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/> 
    </Grid> 
    <ControlTemplate.Triggers> 
    <Trigger Property="IsKeyboardFocusWithin" Value="true"> 
    <Setter Property="Foreground" Value="Black"/></Trigger> 
    <Trigger Property="IsDropDownOpen" Value="true"> 
    <Setter Property="RenderFocused" TargetName="Border" Value="true"/></Trigger> 
    <Trigger Property="HasItems" Value="false"> 
    <Setter Property="Height" TargetName="DropDownBorder" Value="95"/></Trigger> 
    <Trigger Property="IsEnabled" Value="false"> 
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
    <Setter Property="Background" Value="#FFF4F4F4"/></Trigger> 
    <Trigger Property="IsGrouping" Value="true"> 
    <Setter Property="ScrollViewer.CanContentScroll" Value="false"/></Trigger> 
    <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"> 
    <Setter Property="Margin" TargetName="Shdw" Value="0,0,5,5"/> 
    <Setter Property="Color" TargetName="Shdw" Value="#71000000"/></Trigger> 
    </ControlTemplate.Triggers> 
    </ControlTemplate> 
    <Style x:Key="ComboBoxStyle1" TargetType="{x:Type ComboBox}"> 
    <Setter Property="FocusVisualStyle" Value="{StaticResource ComboBoxFocusVisual}"/> 
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"/> 
    <Setter Property="Background" Value="{StaticResource ButtonNormalBackground}"/> 
    <Setter Property="BorderBrush" Value="{StaticResource ButtonNormalBorder}"/> 
    <Setter Property="BorderThickness" Value="1"/> 
    <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto"/> 
    <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/> 
    <Setter Property="Padding" Value="4,3"/> 
    <Setter Property="Template"><Setter.Value> 
    <ControlTemplate TargetType="{x:Type ComboBox}"> 
    <Grid x:Name="MainGrid" SnapsToDevicePixels="true"> 
    <Grid.ColumnDefinitions> 
    <ColumnDefinition Width="*"/> 
    <ColumnDefinition MinWidth="{DynamicResource {x:Static SystemParameters.VerticalScrollBarWidthKey}}" Width="0"/> 
    </Grid.ColumnDefinitions> 
    <Popup x:Name="PART_Popup" Margin="1" AllowsTransparency="true" IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}}"Placement="Bottom" PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}" Grid.ColumnSpan="2"> 
    <Microsoft_Windows_Themes:SystemDropShadowChrome x:Name="Shdw" MaxHeight="{TemplateBinding MaxDropDownHeight}" MinWidth="{Binding ActualWidth, ElementName=MainGrid}" Color="Transparent"> 
    <Border x:Name="DropDownBorder" Background="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" BorderBrush="{DynamicResource {x:Static SystemColors.WindowFrameBrushKey}}"BorderThickness="1"> 
    <ScrollViewer CanContentScroll="true"> 
    <ItemsPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"KeyboardNavigation.DirectionalNavigation="Contained"/> 
    </ScrollViewer></Border> 
    </Microsoft_Windows_Themes:SystemDropShadowChrome></Popup> 
    <ToggleButton Style="{StaticResource ComboBoxReadonlyToggleButton}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" Grid.ColumnSpan="2" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}"/> 
    <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" IsHitTestVisible="false" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"Content="{TemplateBinding SelectionBoxItem}" ContentStringFormat="{TemplateBinding SelectionBoxItemStringFormat}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}"/> 
    </Grid> 
    <ControlTemplate.Triggers> 
    <Trigger Property="HasDropShadow" SourceName="PART_Popup" Value="true"> 
    <Setter Property="Margin" TargetName="Shdw" Value="0,0,5,5"/> 
    <Setter Property="Color" TargetName="Shdw" Value="#71000000"/></Trigger> 
    <Trigger Property="HasItems" Value="false"> 
    <Setter Property="Height" TargetName="DropDownBorder" Value="95"/></Trigger> 
    <Trigger Property="IsEnabled" Value="false"> 
    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/> 
    <Setter Property="Background" Value="#FFF4F4F4"/></Trigger> 
    <Trigger Property="IsGrouping" Value="true"> 
    <Setter Property="ScrollViewer.CanContentScroll" Value="false"/></Trigger> 
    </ControlTemplate.Triggers> 
    </ControlTemplate></Setter.Value</Setter> 
    <Style.Triggers> 
    <Trigger Property="IsEditable" Value="true"> 
    <Setter Property="BorderBrush" Value="{StaticResource TextBoxBorder}"/> 
    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}"/> 
    <Setter Property="IsTabStop" Value="false"/> 
    <Setter Property="Padding" Value="3"/> 
    <Setter Property="Template" Value="{StaticResource ComboBoxEditableTemplate}"/> 
    </Trigger> 
    </Style.Triggers> 
    </Style> 
    </Window.Resources> 
    <StackPanel> 
    <ComboBox Style="{DynamicResource ComboBoxStyle1}"> 
    <ComboBoxItem Content="abc"/> 
    <ComboBoxItem Content="abc"/> 
    <ComboBoxItem Content="abc"/> 
    </ComboBox> 
    </StackPanel> 
    </Window>