title: how to customize a jquery mobile dialog
body: <p>How do I remove the default formatting of the dialog box and apply my own CSS?</p>
  
  <p>My attempt isn't working very well...</p>
  
  <pre><code>&lt;div data-role="dialog" id="confirm-clear" class="dialog-custom" &gt;
      &lt;div data-role="content" &gt;
          &lt;p&gt;Some text.&lt;/p&gt;
          &lt;p&gt;&lt;a href="#" data-role="button" data-inline="true"&gt;Yes&lt;/a&gt;&lt;a href="#" data-role="button" data-inline="true" data-rel="back"&gt;No&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>EDIT:
  And in my CSS:</p>
  
  <pre><code>.ui-dialog.dialog-custom {
  
  background: repeat scroll 0 0 rgba(0,0,0,.5);
  
  height:200px; /* this doesn't do anything */
  }
  </code></pre>