Question

如何在对话框中添加样式到jquery按钮？我想为一种颜色和其他颜色着色。

我尝试过使用这个类：但我似乎没有太大的影响力。难道我做错了什么？我需要使用其他东西吗？我需要在其他地方放置一些东西吗？

代码：

function DisplayCommonDialog(url, title, height, width) {
    HideDialogs();
    var dialogButtons = [{
        text: "Save",
        click: function () {
                    ...
                }
            }
        },
        width: '70px'
    }, {
        text: "Cancel",
        click: function () {
            $(this).dialog("close");
        }
    }];
    if (title.indexOf("Delete") >= 0) {
        dialogButtons = [{
            text: "OK",
            click: function () {
                ...
            },
            width: '70px'
        }, {
            text: "Cancel",
            click: function () {
                $(this).dialog("close");
            }
        }];
    }
if (popUpDialog != null) {
        $("#").dialog("option", {
            width: width,
            height: height,
            title: title,
            open: function () {
                ...
            },
            close: function () {
                ...
            },
            buttons: dialogButtons

        });
        ...
    }
    else {
        popUpDialog = $("#").dialog({
            width: width,
            height: height,
            autoResize: true,
            modal: true,
            title: title,
            open: function () {
                ...
            },
            close: function () { 
                ...
            },
            overlay:
            {
                opacity: 0.5,
                background: "black"
            },
            position: ['center', 'center'],
            buttons: dialogButtons
        });
    }
}

Answer 1

在对话框按钮中添加css类，只需使用按钮按钮属性“class”：

$("#").dialog({
    buttons: [{
        "text":'your button name',
        "click": $.noop,
        "class": 'your-css-class1 your-css-class2'
    }]
})

创建对话框时，将插入每个声明按钮中的属性“class”。

希望得到这个帮助。

similare question about button style in dialog available here

Answer 2

http://jqueryui.com/themeroller/

或

How to style different hover colors for jquery dialog buttons

或how to change jquery dialog buttons

Answer 3

找出使用firebug应用于按钮的CSS类，然后在你的css中覆盖它

将样式添加到jquery对话框按钮

3 个答案: