title: Why isnt the background changing on MouseOver?
body: <p>So i decided to try to create my own template for the first time for my menu buttons and I wanted to change the basic stuff like.. the background color and the backgroud color when the mouse is over.
  It works just fine besides the MouseOver part, it doesnt change it to black, it's still the same blue ish system color when the mouse is over, why is that? Is there a Override property I need to set?</p>
  
  <p>My button</p>
  
  <pre><code>    &lt;Button Height="40" Style="{DynamicResource MenuButtonStyle}"&gt;
          &lt;StackPanel&gt;
              &lt;Label Foreground="White" FontWeight="SemiBold"&gt;Products&lt;/Label&gt;
          &lt;/StackPanel&gt;
      &lt;/Button&gt;
  </code></pre>
  
  <p>And the style</p>
  
  <pre><code>&lt;Style x:Key="MenuButtonStyle" TargetType="{x:Type Button}"&gt;
              &lt;Style.Triggers&gt;
                  &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                      &lt;Setter Property="Background" Value="Black"/&gt;
                  &lt;/Trigger&gt;
              &lt;/Style.Triggers&gt;
              &lt;Setter Property="Background" Value="Transparent"/&gt;
              &lt;Setter Property="BorderThickness" Value="0"/&gt;
              &lt;Setter Property="BorderBrush" Value="Black"/&gt;
          &lt;/Style&gt;
  </code></pre>