Измените стиль по умолчанию для ngx-toastr, используя свойство enable Html. Angular 7 - PullRequest
Новая
       19

Измените стиль по умолчанию для ngx-toastr, используя свойство enable Html. Angular 7

0 голосов
/ 05 марта 2020

Я использую toastr для отображения сообщений, и у меня есть сообщение об ошибке, которое идет вместе с URL-адресом решения, поэтому я использую свойство enableHtml из toastr для создания элемента <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
             });
      }

Это работает нормально, я хочу знать, есть ли способ изменить цвет и размер ссылки, заменяя стиль по умолчанию для тостера. Я знаю, что это можно сделать с помощью пользовательского тоста, но это единственная часть моего кода, где он мне нужен, поэтому не стоит создавать целый тост только для одного сообщения, поэтому я хочу знать, если использовать Html свойство Я могу передать новый стиль на ссылку или что-то.

1 Ответ

0 голосов
/ 05 марта 2020

Возможно, вы можете переопределить стиль ссылки с помощью css:

  1. Определите класс для вашей ссылки, например, "toastr-link"

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

В глобальном файле style.s css или style. css укажите переопределенный стиль (например, выделите зеленый цвет шрифта) для этого класса ("toastr-link") 
.toastr-link{
    color: green !important;
}

Полный пример можно найти в этой ссылке на стек:

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

Надеюсь, это поможет!

...