Окно пользовательского поиска JQuery

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 (если вы еще этого не сделали) и щелкните правой кнопкой мыши-> проверить элемент с помощью Firebug.

Удачи.