Диалоговые окны оповещения ⇐ Javascript

[Anonymous]

Мой код здесь:
https://jsfiddle.net/0p71rzmv/4/
Я определил новый класс диалоговых окнов Alertify с alertify.dialog . Я хотел бы укрепить эти коробки, например, я хотел бы, чтобы цвет фона был синим. Мне удалось изменить стиль пользовательских и ошибок уведомлений о оповещении, но все мои попытки стилизовать мои коробки my_box < /code> не удались. < /P>
Каковы классы CSS для изменения для этого?

Код: Выделить всё

.alertify-notifier .ajs-message {
&.ajs-error {
border: 5px solid;
border-radius: 10px;
background-color: #ff9999;
border-color: red ;
}
&.ajs-custom {
border: 5px solid;
border-radius: 10px;
background-color: #7777cc;
border-color: blue;
}
}


alertify.dialog('my_box', function factory() {
return {
main: function (message, onok) {
this.setting('title', 'Confirm');
this.setting('transition', 'fade');
this.onok = onok;
this.message = message;
},
setup: function () {
return {
buttons: [
{
text: 'Yes',
},
{
text: 'No',
},
],
options: {
modal: true,
resizeable: false,
maximizable: false,
closable: false,
},
focus: {
element: 1,
},
};
},
prepare: function () {
this.setContent(this.message);
},
callback: function (closeEvent) {
if (closeEvent.index == 0) {
this.onok();
}
},
};
});
$(document).ready(function () {
alertify.notify("error", "error");
alertify.notify("custom", "custom");
alertify.my_box('Yes or no ?', function () {
console.log('ok');
});
});

< /code>
Функциональный фрагмент кода: < /p>


alertify.dialog('my_box', function factory() {
return {
main: function(message, onok) {
this.setting('title', 'Confirm');
this.setting('transition', 'fade');
this.onok = onok;
this.message = message;
},
setup: function() {
return {
buttons: [{
text: 'Yes',
},
{
text: 'No',
},
],
options: {
modal: true,
resizeable: false,
maximizable: false,
closable: false,
},
focus: {
element: 1,
},
};
},
prepare: function() {
this.setContent(this.message);
},
callback: function(closeEvent) {
if (closeEvent.index == 0) {
this.onok();
}
},
};
});
$(document).ready(function() {
alertify.notify("error", "error");
alertify.notify("custom", "custom");
alertify.my_box('Yes or no ?', function() {
console.log('ok');
});
});< /code>
.alertify-notifier .ajs-message {
&.ajs-error {
border: 5px solid;
border-radius: 10px;
background-color: #ff9999;
border-color: red;
}

&.ajs-custom {
border: 5px solid;
border-radius: 10px;
background-color: #7777cc;
border-color: blue;
}
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/797 ... alog-boxes