I am struggling to add color to my close button in the dialog box.
Here is the code for the dialog box on 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"
}
});
}
Below is my CSS for the button. Please help me figure out how to apply this class to get the desired color:
#dialog-confirm {
display:none
}
.ui-dialog-buttonset .ui-button-spl1{
background:green;
}