кнопка изменения углового материала

Question

У меня есть элемент кнопки ссылки на угловой материал:

<a mat-button>Link</a>

Я хотел изменить его фон при наведении на жирный белый цвет, поэтому в моем глобальном файле styles.css я определил:

.mat-button-focus-overlay {
   background: rgba(255, 255, 255, 0.8)!important;
}

Сама ссылка не имеет дополнительных стилей.Я вижу, что цвет фона при наведении действительно изменился на белый, но на очень бледно-белый, несмотря на то, что непрозрачность установлена ​​на 0,8.Есть ли способ это исправить?

Спасибо.

Answer 1

В вашем глобальном файле styles.css у вас есть шанс напрямую перезаписать то, что делает матричная кнопка - обычная и при наведении: пример:

$white: white;

.mat-button {
  color: $white;
  background: $white;
}

.mat-button:hover {
  color: $white;
  background: $white;
}