模仿 jquery ui 对话框按钮样式答案

【问题标题】：mimic jquery ui dialog button style模仿 jquery ui 对话框按钮样式
【发布时间】：2012-05-04 03:31:06
【问题描述】：

谁能告诉我为 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');
     }, ......

谢谢

【问题讨论】：

标签： jquery user-interface dialog styles

【解决方案1】：

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

【讨论】：

现在明白了。我的问题是我正在尝试在学习它的同时逐渐转向 jquery。我的应用程序很复杂并且运行良好，所以我不想在途中破坏它。但是你们的回复非常有见识，非常感谢。

【解决方案2】：

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

$("button").button();

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

但是，如果你不能这样做，jQuery 添加的类是： ui-button ui-widget ui-state-default ui-corner-all

【讨论】：

谢谢你们。我试过 ui-button 没有成功。 Binarious 解释说，他的解决方案奏效了，唯一不同的是现在“没有填充”，按钮紧紧地围绕着按钮标题，但我希望现在能找出原因。再次感谢