美文网首页
在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的组件样式不生效

    今天遇到了让我头疼已久的css样式问题,问题背景是我在angular项目中使用了primeng的treetable...

  • Angular2 给宿主元素设置样式的2种方式

    Angular2中给宿主元素设置样式的2种方式 primeng开源组件的 host element 基本不会有样式...

  • /deep/

    vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都...

  • angular-安装primeng

    我们做开发时必然要安装组件库,angular的组件库十分丰富,primeng就是其中之一。primeng这个库还是...

  • 使用PrimeNG开发angular web项目

    前言 这里列出了目前angular4的ui框架,最终选择PrimeNG作为web端ui框架.因为PrimeNG组件...

  • 深度选择器

    深度选择器 vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对...

  • 关于css3的小技巧

    一、less (1)vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某...

  • vue 使用 /deep/ 修改样式

    vue组件中,在style设置为scoped时,里面写的样式对子组件是不生效的,此时可以使用 /deep/ 深度选...

  • angular常用方法技巧和零碎知识点整理

    1、在父组件里面改变子组件的样式 问题分析 angular组件的CSS样式被封装进了自己的视图中,而不会影响到应用...

  • 样式封装&组件间通信

    关于样式 angular 可以将样式封装在组件本身中,不会影响其他组件的样式(默认)Angular 会修改组件的 ...

网友评论

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

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