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

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

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


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


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


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 2,342评论 0 11
  • 前言 本教程将通过一个简单的仿浏览器界面的程序,向你介绍关于构建图形界面程序的基础知识,掌握这些知识后,你将会对图...
    司徒永超阅读 576评论 0 1
  • CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器...
    百作不死的学习阅读 1,228评论 0 7
  • 编写css是前端工作中,一项普通而又频繁的劳动,由于css并不是一门语言,所以在程序设计上显得有些简陋。对于小型项...
    Jack_Lo阅读 5,697评论 15 39
  • 在现在的前端开发中,前后端分离、模块化开发、版本控制、文件合并与压缩、mock数据等等一些原本后端的思想开始...
    Charlot阅读 5,505评论 1 32