title: jQuery-UI : Dialog remove class
body: <p>I have a dialog box, created with the code javascript and HTML generated below. I'd like remove the class "ui-button-text-only" for the buttons and for the container add "style=font-size: 0.9em;" </p>
  
  <p>Could you help me ?</p>
  
  <p>Thanks,</p>
  
  <p>HTML :</p>
  
  <pre><code>&lt;div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix"&gt;
      &lt;button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"&gt;
          &lt;span class="ui-button-text"&gt;Save&lt;/span&gt;
      &lt;/button&gt;
      &lt;button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"&gt;
          &lt;span class="ui-button-text"&gt;Cancel&lt;/span&gt;
      &lt;/button&gt;
      &lt;button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button"&gt;
          &lt;span class="ui-button-text"&gt;Delete&lt;/span&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Javascript :</p>
  
  <pre><code>&lt;div id="dialogProduct" title="MyTitle"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  function CreateDialogProduct() {
      $("#dialogProduct").dialog({
          bgiframe: true, autoOpen: false, minHeight: 350, maxHeight: 450, height: 350,
          minWidth: 450, maxWidth: 550, width: 450,
          modal: true,
          buttons: {
              Save: function() {
                  $.ajax({
                      type: "POST",
                      url: "/Product/SaveOrUpdate",
                      data: {...},
                      success: function(data) {...},
                      error: function(XMLHttpRequest, textStatus, errorThrown) {
                      }
                  })
              },
              Cancel: function() {...},
              Delete: function() {
                  $.ajax({
                      type: "POST",
                      url: "/Product/Delete",
                      data: {...},
                      success: function(data) {},
                      error: function(XMLHttpRequest, textStatus, errorThrown) {
                      }
                  })
              }
          },
          beforeclose: function(event, ui) {
          }
      });
  }    
  jQuery(document).ready(function() {
      CreateDialogProduct();
  });
  &lt;/script&gt;
  </code></pre>