title: How do I make Glyphicon buttons that don't look like buttons
body: <p>I'm adding some controls to my HTML/Javascript application. When the user clicks on them, they're supposed to perform an action. While I could bind the <code>click</code> event to any element, semantically, a <code>&lt;button&gt;</code> element seems like the right choice. Not only does it indicate an element that's <em>supposed</em> to be clicked, but it also gives default behaviour (ex: <code>cursor: pointer</code> in CSS) that is desirable; I'd like to avoid re-engineering that.</p>
  
  <p>However, I want my controls to not <em>look</em> like typical buttons. Specifically, I want to use glyphicons (via Bootstrap) to set the appearance.</p>
  
  <p>Adding a glyphicon to a button is simple enough:</p>
  
  <pre><code>&lt;button type="button"&gt;&lt;span class="glyphicon glyphicon-plus-sign"&gt;&lt;/span&gt;&lt;/button&gt;
  </code></pre>
  
  <p>But that just wraps the glyphicon in a standard button appearance:</p>
  
  <p><img src="https://i.stack.imgur.com/Z7fft.png" alt="an icon embedded in a button"></p>
  
  <p>(This a screen capture from Chrome for OS X)</p>
  
  <p>I can attach the glyphicon classes directly to the button:</p>
  
  <pre><code>&lt;button type="button" class="glyphicon glyphicon-plus-sign"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>...but that just looks worse:</p>
  
  <p><img src="https://i.stack.imgur.com/FYTmC.png" alt="a button with icon classes"></p>
  
  <p>I'm sure I could try stripping away the various borders, backgrounds, etc in CSS, but that doesn't seem very cross-platform or reliable.</p>
  
  <p>What's the best way to de-buttonize a button?</p>