How to customize background? about password-strength-meter HOT 3 CLOSED

I struggle with that problem too.

from password-strength-meter.

try overriding the style from parent component as follows,

:host ::ng-deep password-strength-meter { .strength-meter { background: red; } }

from password-strength-meter.

Hi, ::ng-deep is deprecated and disabling encapsulation is messful, it would be nice to have those styles exposed, accepting custom classes.

Meanwhile, we can use !important:

.psm__progress-bar-item {
  transition: border 0.2s ease-in-out !important;
  border-right: 4px solid var(--background-fill) !important;
}

.psm__progress-bar-item:last-child {
  border-right: 0px !important;
}

from password-strength-meter.