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

2020-04-14  本文已影响0人  你的小纯儿

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

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

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

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

上一篇下一篇

猜你喜欢

热点阅读