美文网首页
在angular里面改PrimeNG的组件样式不生效

在angular里面改PrimeNG的组件样式不生效

作者: 你的小纯儿 | 来源:发表于2020-04-14 14:53 被阅读0次

    今天遇到了让我头疼已久的css样式问题,问题背景是我在angular项目中使用了primeng的treetable,但是在父节点右侧的小箭头的位置不对,而且也不想要边缘线,如下图

    F12打开源代码,找到相应位置,把边框勾掉,ok页面上的treetable边框没有了,如下图

    好的,然后开开心心复制代码到VSCode,保存,刷新,诶,边框还在,给这段代码在scss文件里换了好多位置都不行,请大神来解决,原来是因为我写的样式是指向当前页面,在运行时会给样式名称重命名,这个边缘线的样式要在全局页面生效才行(我说的可能不对,可能没有实际领悟大神的解释。。。),总之解决方法是要在ts文件里面加一句代码,如下:

    最后treetable的样式代码写在scss文件里当前页面样式的外面(有点绕),就可以啦,以上解决方法应该是适用于一切primeng组件

    相关文章

      网友评论

          本文标题:在angular里面改PrimeNG的组件样式不生效

          本文链接:https://www.haomeiwen.com/subject/txazmhtx.html