模仿jQuery UI对话框按钮样式

Question

Can anyone tell me what class name to specify for an html button, eg,

<div id='dlg' class='dialog'>
 <input type="text" id="client" name="client" />
 <button type='button' class='WHAT_CLASS' onclick="afunction()">Cancel</button>
</div>

I want same button appearance jquery ui 'Redmond' style applies by default

$dlg.dialog({
  autoOpen: false,
  title: 'Company name',
  buttons: {
  'Cancel': function() {
    $dlg.dialog('close');
     }, ......

Thanks

Answer 1

There are multiple necessary classes! You should use the jQuery UI functionality for that:

$("button").button();

http://jqueryui.com/demos/button/

However, if you can't do this, the classes jQuery adds are: ui-button ui-widget ui-state-default ui-corner-all

Answer 2

If you have jQuery UI included in your page, then the class name is ui-button . Edit: There are other classes in addition, such as ui-state-default , etc. that will depend on the state of the button. The easiest way to emulate this behavior is to not emulate it at all -- use jQuery UI as it was intended.