什么'；为对话框创建自定义jquery ui按钮的最简单方法是什么？

在1.8.2中

我不想使用以客户为主题的按钮。我需要创建一些自定义按钮。实际上非常类似于stackoverflow-询问问题按钮。做这件事并使其可重用的最佳方式是什么

我基本上使用的是现成的jQueryUI，但我需要添加一个新样式的按钮。进入对话框功能。（现在注册）

让我再补充一点

        $("#dialog-form").dialog({
        autoOpen: false,
        height: 530,
        width: 850,
        modal: true,

        buttons: {

            'Sign Up*': function() {
            $(".ui-button").removeClass().addClass("myButton");

            },
        },
        close: function() {
            allFields.val('').removeClass('ui-state-error');
        }
    });

使用：

试一试

对于stackoverflow类型的按钮：-- 这只是css播放，尝试此链接，您将获得类似stackoverflow的内容：

.header_links
{
    background-color:#094E9F;
    font-weight:bold;
    color:#FFFFFF;
    padding:4px 10px;
    font-family: “Lucida Console”, Monaco, Courier, “Courier New”, monospace;
}

.header_links:hover
{
    background-color:#CD6501;
    text-decoration:none;
}

---

后续问题：感谢您的回复，看起来您刚刚编写了一个函数来覆盖jQueryUIButton类。使用自定义css类是吗？最后一部分替换了对话框上的click action按钮/modalI能够使用上面的方法获取按钮以删除所有类，并使用自定义类对其进行样式化-按钮上的hover类仍然返回默认的jquery ui。思想？

$('#some').button().click(function(){
  // do stuff here 
});

.header_links
{
    background-color:#094E9F;
    font-weight:bold;
    color:#FFFFFF;
    padding:4px 10px;
    font-family: “Lucida Console”, Monaco, Courier, “Courier New”, monospace;
}

.header_links:hover
{
    background-color:#CD6501;
    text-decoration:none;
}