【问题标题】:PrimeNG Babylon themePrimeNG 巴比伦主题
【发布时间】:2020-04-19 06:45:04
【问题描述】:

Angular 8 和巴比伦主题:它有一些奇怪且恼人的蓝色边框,带有 p-tree-component。

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

有谁知道如何自定义这个,谢谢。

【问题讨论】:

  • 在styles.scss(或styles.css)中添加*:focus { outline: none; }

标签: angular themes primeng


【解决方案1】:

如 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 的可能性。这也可能有助于解决其他问题!
猜你喜欢
  • 2020-06-09
  • 1970-01-01
  • 2020-09-13
  • 1970-01-01
  • 2017-12-09
  • 2020-05-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多