模仿jquery ui对话框按钮样式

时间:2012-04-23 13:54:55

标签: jquery user-interface dialog styles

任何人都可以告诉我为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');
     }, ......

由于

2 个答案:

答案 0 :(得分:1)

有多个必要的课程! 您应该使用jQuery UI功能:

$("button").button();

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

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

答案 1 :(得分:0)

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