模仿 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 默认情况下应用"雷德蒙德"样式

$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。