primeng styling

[gleaming compass]

I want to apply custom styles in primeng component
(<p-password
id="password"
formControlName="password"
[toggleMask]="true"
[feedback]="false"
></p-password>)

I saw online that people are using ng-deep, but also it deprecated ig, what other alternatives are there, I want to achieve width:100% for this, i tried directly adding w-full class but there is no change

[dull acorn]

use inspect element and target the very specific element you want to change css of, and then then try those css changes in dev tools, then implement them in your css file

dev tools will help you with finding the exact class names and everything