Change Background color of MenuItem on MouseOver : <p>I want to change the default  background color of a MenuItem at mouseOver. Here is my xaml code:</p>

<p><a href="https://i.stack.imgur.com/S5SwM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/S5SwM.png" alt="enter image description here"></a></p>

<p>Style :</p>

<pre><code>&lt;Style TargetType="{x:Type MenuItem}" x:Key="MenuItemStyle" &gt;
        &lt;Setter Property="BorderBrush" Value="White"&gt;&lt;/Setter&gt;
        &lt;Setter Property="BorderThickness" Value="0,0,0,5"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Background" Value="#0264AD"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Foreground" Value="White"&gt;&lt;/Setter&gt;
        &lt;Setter Property="FontSize" Value="12"&gt;&lt;/Setter&gt;
        &lt;Setter Property="FontFamily" Value="Arial"&gt;&lt;/Setter&gt;
        &lt;Setter Property="FontWeight" Value="Bold"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Margin" Value="-5,0,0,0"&gt;&lt;/Setter&gt;
        &lt;Setter Property="Padding" Value="0,12,0,12"&gt;&lt;/Setter&gt;

        &lt;Style.Triggers&gt;
            &lt;Trigger Property="IsEnabled" Value="False"&gt;
                &lt;Setter Property="Foreground" Value="LightGray"&gt;&lt;/Setter&gt;
                &lt;Setter Property="Background" Value="#0264AD"&gt;&lt;/Setter&gt;
            &lt;/Trigger&gt;
            &lt;Trigger Property="IsMouseOver"  Value="True"&gt;
                &lt;Setter Property="Foreground" Value="#0264AD"&gt;&lt;/Setter&gt;
                &lt;Setter Property="Background" Value="Yellow"&gt;&lt;/Setter&gt;
            &lt;/Trigger&gt;
        &lt;/Style.Triggers&gt;

    &lt;/Style&gt;
</code></pre>

<p>Control : </p>

<pre><code>&lt;ContextMenu x:Name="settingContextMenu"  Width="220" &gt;

&lt;MenuItem Style="{StaticResource MenuItemStyle}"        Name="CustomizeLocationNames" Click="CustomizeLocationNames_Click" &gt;

      &lt;MenuItem.Header&gt;
           &lt;TextBlock Text="Customize Location Names"                                      VerticalAlignment="Center"&gt;&lt;/TextBlock&gt;
       &lt;/MenuItem.Header&gt;
&lt;/MenuItem&gt;


&lt;MenuItem Style="{StaticResource MenuItemStyle}"  Name="ZoomRoute" Click="ZoomRoute_Click"&gt;
   &lt;MenuItem.Header&gt;
       &lt;TextBlock Text="Zoom Route" VerticalAlignment="Center"&gt;&lt;/TextBlock&gt;
   &lt;/MenuItem.Header&gt;  
&lt;/MenuItem&gt;


&lt;MenuItem Style="{StaticResource MenuItemStyle}" Name="PrintRoute" Click="PrintRoute_Click"&gt;
    &lt;MenuItem.Header&gt;
         &lt;TextBlock Text="Print Route" VerticalAlignment="Center" &gt;/TextBlock&gt;
    &lt;/MenuItem.Header&gt;
&lt;/MenuItem&gt;


&lt;/ContextMenu&gt;
</code></pre>

<p>So I have mouse over trigger which should turn background color to yellow if mouse is over, but it is showing default light grey color as shown in snap,</p>

<p>Can anyone tell me how to get background color YELLOW on mouse over?</p>
