What is the proper way to customize CSS for a specific element?
&.ng-select-focused {
&:not(.ng-select-opened) > .ng-select-container {
border-color: $ng-select-highlight;
box-shadow: $ng-select-box-shadow;
}
}
The official documentation states that by adding class="custom"
, you can implement your own styles. I attempted to do so with the following code:
.ng-select.custom {
&.ng-select-focused {
&:not(.ng-select-opened) > .ng-select-container {
border-color: red;
}
}
}
However, I am not seeing any changes take effect. What did I miss in my implementation?