使用enableHtml属性更改ngx-toastr默认样式。角7

Question

我使用toastr来显示消息，并且使用了解决方案的url附带的和错误消息，所以我使用toastr的enableHtml属性来创建和<a元素，并像下面这样传递URL：

if(!res){
        this.toastr.error('Revise los requisitos <a href=\"https://www.google.com\" target=\"_blank\">AQUI</a>',
        'title' , {
                 enableHtml: true,
                 closeButton: true,
                 timeOut: 10000
             });
      }

这很好，我想知道是否有一种方法可以改变链接的颜色和大小，以取代默认的烤面包风格。我知道这可以通过定制的吐司来实现，但这是我的代码中唯一需要它的部分，所以只为一条消息创建一个完整的祝酒词是不值得的，这就是为什么我想知道使用enableHtml属性是否可以将新的样式传递给链接或其他东西。

Answer 1

您可能可以通过css覆盖链接样式：

1. 为您的链接定义了一个类，例如"toastr- link "

。

<a href=\"https://www.google.com\" target=\"_blank\" class=\"toastr-link\">AQUI</a>

在全局("toastr-link")或style.css文件中，定义该类的过度样式(例如，使字体颜色为绿色)。

.toastr-link{
    color: green !important;
}

在这个stackblitz链接中可以找到完整的示例：

https://stackblitz.com/edit/angular-q8xewq

希望能帮上忙！