PrimeNG 巴比伦主题

Question

Angular 8 和 Babylon 主题：它有一些奇怪且烦人的蓝色边框 p-tree-component。

我没有在 CSS/SCSS 文件中找到它的来源以及如何摆脱它们；至少改得不那么烦人了。

有谁知道如何定制这个，谢谢。

Answer 1

如评论中所述，如果您在 styles.css 中执行 *:focus {outline: none;}，它将应用于 DOM 中的每个元素。因此，其他一些东西可能会损坏。

您可以为此使用 ::ng-deep 伪选择器，在您的组件 css 中使用 p-tree，

p-tree::ng-deep .ui-treenode-content:focus {
   outline: none;
}

这确保更改只会在 p-tree 中发生，而不是在整个应用程序中发生。