Диалог Изменение цвета кнопки закрытия

Question

Я хочу иметь цвет в моей кнопке закрытия, но это не работает для меня.

Ниже мой код диалоговое окно для 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 для кнопки, пожалуйста, помогите мне, как добавить этот класс, чтобы получить Color

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

Answer 1

Изменить свой CSS для:

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

и кнопка будет зеленой. Там у вас есть неиспользуемый класс "spl1" в CSS

---

ИЛИ

вы можете addClass на кнопку:

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