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

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

我需要自定义它以匹配其他组件中的样式。 我尝试在他们在中提到的两个类中更改outline属性，但什么也没发生

有没有办法改变蓝色轮廓的颜色和大小？我应该上什么课

编辑：

---

谢谢

使用ng选项显示数据

---

如果您有简单的用例，您可以使用ng option组件在html中直接省略项数组和绑定选项。

可能您在组件封装方面遇到了问题。您可以尝试一些方法，强制更改样式，例如：

• ：：ng deep或/deep/（它将被弃用）
• ：主机上下文

• ！重要信息

  （非常糟糕的做法）

在中查找更多信息

尽管您可以使用上述任何选项实现所需，但库或插件应允许您修改样式，而无需额外配置。也许，如果您分享一个工作示例（Stackblitz或一些fiddle），我可以更好地理解您的问题。

将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);
}

---

添加您的小提琴或stackblitz，以及您目前尝试的代码。我刚刚在stackblitz中创建了一个项目，显示了我需要自定义的Added answer@eddyNo，我不这么认为，因为我不想从组件内部更改样式，但由于封装，您将无法从global styles.scss访问子组件。这就是我试图解释的原因。看看Nope，但我可以设置一个全局样式，以后可以使用。我一直在用材料组件做这个。我刚刚在StackBlitzBoy2006中添加了一个演示。我想问你我怎么才能去掉那个蓝色的轮廓，然后我意识到它只是一个阴影。我可以问一下你们是如何找到精确的选择器的吗？我检查了悬停时的元素，我检查了效果。然后复制样式并在style.css中编辑。