title: UWP Button pressed image
body: <p>I'm working on a UWP app targeted phones and tablets, and am currently implementing a feature for taking a picture with the camera.</p>
  
  <p>I've put a button control on the camera preview, and used an icon to represent the button (see XAML code below).</p>
  
  <p>My problem is, that when i press the button, it turns into a semi transparent grey square, which is far from the green cirle I'm using as icon.</p>
  
  <p>How can I use an other icon for when the button is pressed</p>
  
  <pre><code>&lt;Grid &gt;
      &lt;!--Camera preview--&gt;
      &lt;CaptureElement Name="PreviewControl" Stretch="Uniform"/&gt;
  
      &lt;Button Tapped="btnCancel_Tapped" Name="btnCancel" Margin="5,0,0,10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Height="50" Width="65"&gt;
          &lt;Button.Background&gt;
              &lt;ImageBrush ImageSource="/Assets/images/btn_cancel.png"&gt;
              &lt;/ImageBrush&gt;
          &lt;/Button.Background&gt;
      &lt;/Button&gt;
      &lt;Button HorizontalAlignment="Center" VerticalAlignment="Bottom" Margin="0,0,0,5" Name="btnPhoto" Tapped="btnPhoto_Tapped" IsEnabled="False" Width="70" Height="70"&gt;
          &lt;Button.Background&gt;
              &lt;ImageBrush ImageSource="/Assets/Images/btn_takepicture_off.png"&gt;
              &lt;/ImageBrush&gt;
          &lt;/Button.Background&gt;
      &lt;/Button&gt;
  
  &lt;/Grid&gt;
  </code></pre>