civi buttons

buttons.html

<div id="crm-container" class="crm-container">
  <a href="#">a (plain)</a>
  <a href="#" class="button">a.button</a>
  <a href="#" class="crm-button">a.crm-button</a>
  <a href="#" class="crm-form-submit">a.crm-form-submit</a>

  <br><br>

  <span>span (plain)</span>
  <span class="button">span.button</span>
  <span class="crm-button">span.crm-button</span>
  <span class="crm-form-submit">span.crm-form-submit</span>

  <br><br>

  <button>button (plain)</button>
  <button class="button">button.button</button>
  <button class="crm-button">button.crm-button</button>
  <button class="crm-form-submit">button.crm-form-submit</button>

  <br><br>

  <input type="button" value="[type='button'] (plain)">
  <input type="button" class="button" value="[type='button'].button">
  <input type="button" class="crm-button" value="[type='button'].crm-button">
  <input type="button" class="crm-form-submit" value="[type='button'].crm-form-submit">

  <br><br>

  <input type="submit" value="[type='submit'] (plain)">
  <input type="submit" class="button" value="[type='submit'].button">
  <input type="submit" class="crm-button" value="[type='submit'].crm-button">
  <input type="submit" class="crm-form-submit" value="[type='submit'].crm-form-submit">

  <br><br>

  <span class="crm-button">
    <input type="button" value=".crm-button input[type=button]">
  </span>
  <span class="crm-button">
    <input type="submit" class="crm-form-submit" value=".crm-button .crm-form-submit">
  </span>
</div>