MouseOverでMenuItemの色を変更します。

Question

MouseOverでMenuItemの色を変更したいと思います。私はまた、丸みのあるボーダー、イメージとtextBoxが必要です。スタイルを設定すると、mouseOverEventだけが何もしていないので、背景は変わりません。私のコードは：

<Style x:Key="BaseStyle" TargetType="MenuItem"> 
     <Style.Triggers> 
      <Trigger Property="IsMouseOver" Value="true"> 
       <Setter Property="Background" Value="#0a99f3" /> 
      </Trigger> 
      <Trigger Property="IsKeyboardFocusWithin" Value="true"> 
       <Setter Property="Background" Value="#0a99f3" /> 
      </Trigger> 
     </Style.Triggers> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="{x:Type MenuItem}"> 
        <Grid> 
         <Border Name="MainBorder" BorderThickness="2,2,2,0" CornerRadius="8,8,8,8" Margin="0,0,1,0" BorderBrush="AliceBlue"> 

          <Grid> 
           <TextBlock Text="Info" Margin="30,10,0,0" FontFamily="Arial" FontSize="14" FontWeight="Bold" /> 
           <Image Width="15" Height="15" Source="menu.PNG" Margin="-100,0,0,0" /> 
          </Grid> 
         </Border> 

        </Grid> 
       </ControlTemplate> 

      </Setter.Value> 
     </Setter> 

    </Style>  

私が紛失していることを知っている人。ありがとう！

Answer 1

テンプレートを上書きしますが、その中の任意の場所の背景色を使用しないため、値が適用されません。

は、あなたはとてもプロパティは効果がありませんことを変え、あなたのテンプレート内の任意の場所に Backgroundを結合していないあなたのMenuItemテンプレート

<ControlTemplate TargetType="{x:Type MenuItem}"> 
    <Grid Background="{TemplateBinding Background}"> 

Answer 2

に背景色を設定します。