title: adding mouseover effect to a button with Image in XAML
body: <p>I am having a button with Image on it as follows:</p>
  
  <pre><code>&lt;Button Width="22" Height="22" Command="{Binding PreviousCommand}"&gt;                               
    &lt;Button.Template&gt;
      &lt;ControlTemplate&gt;
        &lt;Image Source="C:\Users\abcdef\Desktop\Slide-To-Left-Arrow-24.png"&gt;&lt;/Image&gt;                            
      &lt;/ControlTemplate&gt;
    &lt;/Button.Template&gt;
    &lt;Button.InputBindings&gt;
      &lt;KeyBinding Key="Up" Command="{Binding PreviousCommand}" Modifiers="Alt+Shift" /&gt;
    &lt;/Button.InputBindings&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>I want to apply some mouse over effect to recognise button is clickable/focusable.
  I tried adding trigger as follows but its not working:</p>
  
  <pre><code>&lt;ControlTemplate.Triggers&gt;
    &lt;Trigger Property="IsMouseOver" Value="True"&gt; 
      &lt;Setter Property="Background" Value="Black" /&gt; 
    &lt;/Trigger&gt;
  &lt;/ControlTemplate.Triggers&gt;
  </code></pre>
  
  <p>Its not working. what I need to do? please help me out.</p>