Cannot set border property for focused input element

[nyszilard]

I would like to set the border property of the focused input element, but it doesn't work:

:host ::ng-deep .otp-input:focus {
  border-color: red !important;
}

[moimed]

I have the same issue

[Tom-harsh81]

Avoid using ng-deep , move your code in global stylesheet , it will work .wrapper-class { .otp-input { border: solid 1px green; } .otp-input:focus { border-color: red; } }