对话框关闭按钮的颜色更改

user3495160 发表于 Dev

用户名

我想在关闭按钮中添加颜色，但这对我不起作用。

以下是我的对话框JSfiddle的代码

function fnOpenNormalDialog() {

    // Define the Dialog and its properties.
    $("#dialog-confirm").dialog({
        resizable: false,
        modal: true,
       //title: "Modal",
        height: 200,
        width: 300,
        create: function (e, ui) {
            var pane = $(this).dialog("widget").find(".ui-dialog-buttonpane")
            $("<label class='remember_me' ><input type='checkbox' id='remember'/ > Do Not Show this again</label>").prependTo(pane)
        },

        open: function(event, ui) {
  $(this).closest('.ui-dialog').find('.ui-dialog-titlebar').hide();
},
        buttons: {          
            "Close": function() {
            $(this).dialog("close");
        },
      class:"ui-button-spl1"
        }
    });
}

这里是按钮的CSS，请帮助我如何添加此类以获取颜色

   #dialog-confirm {
   display:none
  }
    .ui-dialog-buttonset .ui-button-spl1{
    background:green;
  }

魔术师

将您的CSS更改为：

#dialog-confirm {
   display:none
  }
  .ui-dialog-buttonset .ui-button{
    background:green;
  }

并且该按钮将变为绿色。在那里，在CSS中有一个未使用的类“ spl1”

或者

您可以添加按钮类：

open: function(event, ui) {
    $(this).closest('.ui-dialog').find('.ui-dialog-titlebar').hide();
    $(this).closest('.ui-dialog').find("button").addClass("ui-button-spl1");
},

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。