title: MouseOver effect for button in DataTemplate
body: <p>I use a <code>DataTemplate</code> to show some buttons with a customized view (with an image, text, etc). Here is a simplified example:</p>
  
  <pre><code>&lt;DataTemplate DataType="{x:Type viewModel:ActionItem}"&gt;
  
      &lt;Button Background="SlateGray" Command="{Binding Command}"&gt;
          &lt;Button.Style&gt;
              &lt;Style TargetType="{x:Type Button}"&gt;
                  &lt;Setter Property="Background" Value="Green"/&gt;
                  &lt;Setter Property="Template"&gt;
                      &lt;Setter.Value&gt;
                          &lt;ControlTemplate TargetType="{x:Type Button}"&gt;
                              &lt;Border Background="{TemplateBinding Background}"&gt;
                                  &lt;ContentPresenter /&gt;
                              &lt;/Border&gt;
                          &lt;/ControlTemplate&gt;
                      &lt;/Setter.Value&gt;
                  &lt;/Setter&gt;
                  &lt;Style.Triggers&gt;
                      &lt;Trigger Property="IsMouseOver" Value="True"&gt;
                          &lt;Setter Property="Background" Value="DarkGoldenrod"/&gt;
                      &lt;/Trigger&gt;
                  &lt;/Style.Triggers&gt;
              &lt;/Style&gt;
          &lt;/Button.Style&gt;
  
          &lt;TextBlock Text="{Binding Name}" /&gt;
  
      &lt;/Button&gt;
  
  &lt;/DataTemplate&gt;
  </code></pre>
  
  <p><strong>Why is the mouse over effect not working at all?</strong></p>