模仿jQuery UI对话框按钮样式

Question

谁能告诉我要为html按钮指定的类名，例如，

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

我希望默认情况下应用相同的按钮外观jquery ui'Redmond'样式

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

谢谢

Answer 1

有多个必要的课程！ 您应该为此使用jQuery UI功能：

$("button").button();

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

但是，如果您不能执行此操作，则jQuery添加的类为： ui-button ui-widget ui-state-default ui-corner-all

Answer 2

如果页面中包含jQuery UI，则类名称为ui-button 。 编辑：另外还有其他类，例如ui-state-default等，这取决于按钮的状态。 模拟此行为的最简单方法是完全不模拟它-按预期使用jQuery UI。