Question

我需要通过添加另一个css类来更改jquery ui对话框按钮颜色的颜色。

  $('.ui-dialog-buttonpane').find('button').addClass('cancelButton');

上面的代码行已用于更改css类，但它不会改变颜色。

示例代码放在以下小提琴中。

http://jsfiddle.net/DOmEl/PCkQD/5/

有人可以帮我确定这里的问题吗？

Answer 1

初始化按钮集合时，您还可以设置按钮的类别：

buttons: [ { text: 'Cancel', class : 'cancelButton' } ]

Answer 2

尝试

$('#message1').find('.ui-button').addClass('cancelButton');

和

.ui-button.cancelButton {
    border: 1px solid #aaaaaa
    /*{borderColorContent}*/
    ;
    color: #FF0000
    /*{fcContent}*/
    ;
}

演示：Fiddle

Answer 3

jquery-ui按钮不是html按钮。它们使用div和span构建。因此，您需要通过其他方式找到它，例如class或id：

$('#btnCancel').addClass('cancelButton');

请参阅updated fiddle

修改

如果你想更改多个按钮，那么找到或添加公共类，就像在ArunPJohny的答案中一样。所有ui按钮都已经有ui-button类，在某些情况下这已经足够了。

Answer 4

$('#dialog').html("This is a confirmation dialog.");
$( "#dialog" ).dialog({
    buttons: [
        {
            text: "OK",
            open: function() {
                $(this).addClass('okClass');
            },
            click: function() {
                alert("OK");
                $( this ).dialog( "close" );
            }
        },
        {
            text: "CANCEL",
            open: function() {
                $(this).addClass('cancelClass');
            },
            click: function() {
                $( this ).dialog( "close" );
            }
        }
    ]
});

如何更改jquery ui对话框按钮的颜色？

4 个答案:

修改