模仿jQuery UI的对话框按钮样式

谁能告诉我什么类名指定的HTML按钮，例如，模仿jQuery UI的对话框按钮样式

<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'); 
    }, ......

谢谢

来源

2012-04-23 KenAshton

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

$("button").button();

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

不过，如果你不能做到这一点，jQuery的添加类是： ui-button ui-widget ui-state-default ui-corner-all

来源

2012-04-23 13:58:17 binarious

谢谢你们。我曾尝试过没有成功的按钮。 Binarious解释说，他的解决方案工作，唯一不同的是现在'没有填充'，按钮包裹在按钮标题的周围，但我希望现在可以找出原因。再次感谢 – KenAshton 2012-04-23 14:15:09

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

来源

2012-04-23 13:57:44 wanovak

这将无法显示正确的造型。 http://jsfiddle.net/TLFEA/ – binarious 2012-04-23 14:01:11

现在了解。我的问题是，我试图逐渐转向jquery，同时学习它。我的应用程序非常复杂，功能完美，所以我不想在路上打破它。但是，你们的回复非常灵通，非常感谢。 – KenAshton 2012-04-23 14:40:13

模仿jQuery UI的对话框按钮样式

回答

相关问题