title: How to remove ButtonChrome border (when defining the template of a border)?
body: <p>I followed <code>ChrisF</code> <a href="https://stackoverflow.com/questions/2899948/get-rid-of-button-border-in-wpf">here</a> and write a <a href="https://docs.google.com/uc?id=0B0fBOJ9vvqOfZjA0NDI5MGEtY2E1Yi00ODYzLWJmMWEtMjU3MmQyZmNkYjQ3&amp;export=download&amp;hl=en_US" rel="nofollow noreferrer">simple demo</a>.</p>
  
  <blockquote>
    <p>...open your project in Expression Blend,
    select the button and then right click
    and select "Edit Template > Edit a
    Copy..". This copies the existing
    template into one you can modify. It's
    easier if you create it in a resource
    dictionary.</p>
  </blockquote>
  
  <p>And I can see the behind-the-screen template of the button as below screenshot (The <em>ButtonChrome</em> in Resource).</p>
  
  <p>I want to remove the white-gradient border of the <em>ButtonChrome</em> <strong>AND keep everything else of the button's UI remain as-is</strong>. How can I do that?</p>
  
  <p>ps. To make the problem simple I use the ButtonChrome as a normal control on my view. I browse the properties but still got NO idea where to remove the "white" border.</p>
  
  <p>(The <em>ButtonChrome</em> in-use)
  <img src="https://i.stack.imgur.com/y0tPx.png" alt="alt text"></p>
  
  <p>(The <em>ButtonChrome</em> in Resource)
  <img src="https://i.stack.imgur.com/JOaKO.png" alt="alt text"></p>