Question

我创建了一个新的自定义对话框。

var dialog = $('<p>"Warning:"?</p>').dialog({
            buttons: {
                "Confirm": function() {

                },

                "Cancel":  function() {
                    dialog.dialog('close');
                }
            }

        });

我想更改对话框按钮的颜色。有什么想法吗？

Answer 1

您可以通过传递buttons

的对象定义来自定义按钮

您可以为按钮分配一个类，如下所示，使用它来设置元素的样式

var dialog = $('<p>"Warning:"?</p>').dialog({
    buttons: [{
        text: "Confirm",
        'class': 'confirm',
        click: function () {

        }
    }, {
        text: "Cancel",
        click: function () {
            dialog.dialog('close');
        }
    }]
});

然后

.confirm.ui-state-default {
    color: red;
}

演示：Fiddle

Answer 2

JQuery在DOM上创建元素就像它以其他方式创建的那样。

显示的项目内置了可以使用css操作的类。为了防止其他对话框进行更改，我建议您选择按钮并使用CSS添加自定义类。

通过安装Firebug（如果您还没有）和右键单击＆gt;使用Firebug检查元素，可以轻松找到元素数据。

祝你好运。

Jquery自定义搜索框

2 个答案: