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

注意：可能需要！important来覆盖alertify 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;
}

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

2 个答案: