Можно ли изменить цвет элемента при наведении курсора мыши с html на Angular? ⇐ CSS

[Anonymous]

Цвет кнопки передается компоненту в виде строки и должен использоваться в стилях кнопок. Мне удалось настроить background-color и border, но я не могу изменить цвет метки при наведении на нее курсора. Я нашел частичное решение, но оно меняет и другие кнопки:

Код: Выделить всё

@for (button of toast.buttons; track button){

{{button.text}}

}

Здесь я попробовал изменить цвет текста при наведении с помощью mouseover и mouseout, но это привело к следующему результату:
Без наведения:

< /p>
При наведении:


Как видите, при наведении курсора на одну кнопку вторая тоже окрашивается.
Я попробовал искал решения в интернете, но ничего вразумительного не нашел.
Можете ли вы подсказать, есть ли способ избежать такого результата? Например, передача значения переменной button.color в файл CSS или иная обработка наведения.

Подробнее здесь: https://stackoverflow.com/questions/787 ... use-cursor