css - 选择选项时如何更改 ng-select 控件的样式

Question

我需要使用组件 ng-select ，但是当我在控件中选择一个选项时，我在选择组件中得到了这个蓝色轮廓:

我需要对其进行自定义以匹配其他组件中的样式。我尝试更改他们在 the Custom Styles section 中提到的两个类中的大纲属性, 但什么也没发生

有什么办法可以改变蓝色轮廓的颜色和大小吗？我应该使用什么类？

编辑:

STACKBLITZ - DEMO

谢谢

Answer 1

将CSS添加到style.css

.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border-color: red;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 0 3px rgba(0,126,255,0.1);
}

https://stackblitz.com/edit/angular-3ll5zo-ko2nzx?file=src/styles.scss