如何使用 alertify.js 更改 alertify.error 中的字体颜色

How to change the font color in alertify.error using alertify.js

我正在使用 alertify.error 来显示错误消息。我想知道有没有办法改变里面显示的文字的字体颜色?

好吧,正如我所见,它使用这段代码来更改字体颜色和整体字体样式:

.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;
}

注意:可能需要 !important 来覆盖 alertify css。不先试。

更新您正在使用的主题或覆盖消息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;
}