如何使用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;
}