Estoy tratando de imitar el comportamiento de mat-form-field para la validación requerida en ng-select Para imitar el comportamiento, necesito agregar borde y color como rojo cuando se activa el error de mat.

Aquí está mi HTML

 <form (fromgroup)="form"> <div id="div1"> <ng-select formcontrolName="gender" [(ng-model)]=names required > <ng-template let-items="$items"> <input type=checkbox select All /> </ng-template> </ng-select> <mat-error class="ng-select-error ng-select-required" *ngif="!form.controls["gender"].valid&& form.controls["gender"].touched" > </mat-error> </div> </form>

Lo que estoy tratando de hacer es cuando el usuario toca ng-select y no seleccionó ningún elemento para la casilla de verificación, debemos resaltar el menú desplegable ng-select con color rojo

Probé con el css pero no resalta el ng-select

SCSS:

 .ng-select-required{ #div1 .ng-select-container {border-bottom: solid 1px red } #div1 .ng-placeholder {color:red} #div1 .ng-arrow {color:red} } .ng-select-error{ font-size:12px }

Estoy tratando de hacer lo mismo con el css anterior, pero no está resaltando ng-container y ng-select. Por favor, hágame saber por qué css no funciona o si estoy haciendo algo mal.