Как изменить цвет шрифта в alertify.error с помощью alertify.js

Question

Я использую alertify.error для отображения сообщений об ошибках. Я хотел знать, есть ли способ изменить цвет шрифта для текста, который отображается внутри?

Answer 1

Ну, как я понимаю, это с помощью этого кода, чтобы изменить цвет шрифта и общие стили шрифта:

.alertify-notifier .ajs-message.ajs-error{ 
    color: #fff; 
    background: rgba(217, 92, 92, 0,95); 
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0,5); 
} 

Так что, если вы хотите изменить цвет шрифта просто добавьте в свой собственный CSS:

.alertify-notifier .ajs-message.ajs-error{ 
    color: #yourcolor; 
} 

Примечание: возможно, важно, чтобы переопределить предупреждение css. Попробуйте без первого.

Answer 2

Либо обновить тему, которую вы используете или переопределить правила сообщений CSS, тема по умолчанию использует следующие правила:

.alertify-notifier .ajs-message { 
    background: rgba(255, 255, 255, 0.95); 
    color: #000; 
    text-align: center; 
    border: solid 1px #ddd; 
    border-radius: 2px; 
} 
.alertify-notifier .ajs-message.ajs-success { 
    color: #fff; 
    background: rgba(91, 189, 114, 0.95); 
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); 
} 
.alertify-notifier .ajs-message.ajs-error { 
    color: #fff; 
    background: rgba(217, 92, 92, 0.95); 
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); 
} 
.alertify-notifier .ajs-message.ajs-warning { 
    background: rgba(252, 248, 215, 0.95); 
    border-color: #999; 
} 

Чтобы изменить цвет шрифта определенного типа сообщения, переопределить это соответствующее правило:

.alertify-notifier .ajs-message.ajs-success{ 
     color: blue; 
}