【发布时间】:2020-04-19 06:45:04
【问题描述】:
Angular 8 和巴比伦主题:它有一些奇怪且恼人的蓝色边框,带有 p-tree-component。
我没有在 CSS/SCSS 文件中找到它的来源以及如何摆脱它们;至少改成不那么烦人了。
有谁知道如何自定义这个,谢谢。
【问题讨论】:
-
在styles.scss(或styles.css)中添加
*:focus { outline: none; }
Angular 8 和巴比伦主题:它有一些奇怪且恼人的蓝色边框,带有 p-tree-component。
我没有在 CSS/SCSS 文件中找到它的来源以及如何摆脱它们;至少改成不那么烦人了。
有谁知道如何自定义这个,谢谢。
【问题讨论】:
*:focus { outline: none; }
如 cmets 中所述,如果您在 styles.css 中执行 *:focus {outline: none;},它将应用于 DOM 中的每个元素。因此,其他一些东西可能会损坏。
您可以在使用 p-tree 的组件 css 中为此使用 ::ng-deep 伪选择器,
p-tree::ng-deep .ui-treenode-content:focus {
outline: none;
}
这确保了更改只会在 p-tree 中发生,而不是在整个应用程序中发生。
【讨论】:
ng-deep 的可能性。这也可能有助于解决其他问题!