title: creating iOS style back button
body: <p>I am trying to create a iOS style back button for my jQuery mobile based app here is what i have tried ..</p>
  
  <h2>HTML</h2>
  
  <pre><code>&lt;a href="#" onclick="window.history.go(-1); return false;" class="ui-btn  ui-btn-icon-left ui-corner-all"&gt;Back&lt;/a&gt;
  </code></pre>
  
  <h2>CSS</h2>
  
  <pre><code>.ui-btn-left {
      background: linear-gradient(#9fbfe7, #6e84a0) repeat scroll 0 0 #87a2c4;
      border: #000000;
  }
  </code></pre>
  
  <p>what i couldn't achieve is </p>
  
  <ul>
  <li> making text color white</li>
  <li>making triangle shaped button from left side</li></ul>
  
  <p>like this
  <img src="https://i.stack.imgur.com/D7V6r.png" alt="enter image description here"></p>
  
  <p>here is the Fiddle <a href="http://jsfiddle.net/A6u9n/" rel="nofollow noreferrer">http://jsfiddle.net/A6u9n/</a></p>