override css

Sorry if this is more a support question but I need to override the component css. What would be the best approach in combination with Bootstrap I tried this…

   .ng-select  {
            border:0px;
            min-height: 0px;
            border-radius: 0;
        }
        .ng-control  {            
            min-height: 0px;
            border-radius: 0;
        }
        :host-context(.selectcustom) .ng-control {                    
            min-height: 0px;
            border-radius: 0;
        }

[marina-ferreira]

If you are using ViewEncapsulation, your should use special ::ng-deep selector which will prevent scoping for nested selectors.

.ng-select.custom ::ng-deep .ng-select-container  {            
    min-height: 0px;
    border-radius: 0;
}

https://www.npmjs.com/package/@ng-select/ng-select

[varnastadeus]

I think best approach would be adding custom class on ng-select and then applying your own styles. Try this:

<ng-select class="custom"></ng-select>

.ng-select.custom {
    border:0px;
    min-height: 0px;
    border-radius: 0;
}
.ng-select.custom .ng-control  {            
    min-height: 0px;
    border-radius: 0;
}