如何覆盖 primeng 组件的样式?

2024-01-31

我想根据组件级别而不是整个应用程序覆盖 primeng 组件的样式。要么我必须改变 main 中的样式theme.css文件或内联样式,但似乎内联有时无法按预期工作。例如,我必须使用

<p-dropdown [options]="cities" formControlName="selectedCity"></p-dropdown>

我必须改变课堂风格ui-dropdown-item根据文档的类名。

我需要具有两种不同样式的相同组件,执行此操作的正确方法是什么?


Since >>>已弃用必须使用::ng-deep反而。 和material2 v6 and primeng v5.2.*

:host {
    ::ng-deep .prime-slider-override {
        background-color: #26A3D1;
        background-image:none;
        border:none;
        color:white;

        .ui-slider-range {
            background: red;
        }
    }    
}
<p-slider [(ngModel)]="rangeValues"
              styleClass="prime-slider-override"></p-slider>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何覆盖 primeng 组件的样式? 的相关文章

随机推荐

  • UTF-8 字符在 Inno Setup 中无法正确显示

    我已经看到了有关此问题的其他几个线程 但我花了一段时间试图对其进行排序 但无济于事 这是我的 iss 文件的通用版本 Script generated by the Inno Setup Script Wizard SEE THE DOCU
  • 我们可以为 AVSpeechSynthesizer 提供自定义语音吗

    您好 我正在开发一个 IOS 应用程序 我想将文本转换为语音 为此 我使用 IOSAVSpeechSynthesizer SDK 我的问题是 除了IOS的默认声音之外 我们可以给它自定义的声音吗 例如 我可以给出一个孩子说一根弦的声音吗 或
  • 在 POM.xml 中插入 MAVEN_OPTS

    我必须增加 java 堆空间来编译我的项目 我发现的唯一方法是修改 mvn bat 并设置 set MAVEN OPTS XX PermSize 256m XX MaxPermSize 256m Xms1300M Xmx1300M 所有同事
  • 如何在竖屏模式下使用Zxing?

    目前 zxing 库仅支持横向模式 对于我的应用程序 我需要在纵向模式下使用 这是纵向模式扫描的解决方案 首先在您的应用程序级 gradle 文件中声明这两行 implementation com journeyapps zxing and
  • void 元素和空元素相同吗?

    我从 90 年代就开始编写 HTML 但我刚刚发现colgroup and col元素 根据MDN https developer mozilla org en US docs Web HTML Element col col is a 空
  • 解析 Seq[Future[Either[A, Seq[B]]]] - Scala Cats

    我在尝试解决方法的结果时遇到问题 更具体地说 我有 def methodA Future Either Error Seq A 在某些时候 我想为列表的每个元素调用此方法并合并结果 像这样的东西 val tes Seq Future Eit
  • 自动映射器从嵌套类映射到单个类(展平)

    这是我的来源 public class User public int UserId get set public Address Address get set public class Address public string Add
  • 计算有多少行代码包含 Visual Studio 解决方案[关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 一个团队将分析我们的 NET 解决方案代码 在此之前 我们想知道我们的项目包含多少行代码 有没有办法找
  • 将 Google 图表导出到 Excel

    需要将 Google 图表导出到 Excel 中 有没有办法通过jquery达到同样的效果 从 Google Chart 文档中 我了解到可以通过获取 ImageURI 将图表转换为图像 但是 当尝试使用 ImageURI 导出图像时 请参
  • Powershell 调用或执行(使用 & 运算符)带有参数的函数?

    我有这个 ps 片段 function myFuncWithArgs arg Write Output arg temp sometext cFunc myFuncWithArgs cFunc temp 它可以工作 但我需要 temp 与
  • 读取空单元格,给出对象引用错误

    当我通过这样做读取单元格时 Worksheets Cells 2 5 value ToString 我收到错误 System NullReferenceException 未将对象引用设置为对象的实例 什么是检查 null 然后分配值的好方
  • CSS 背景图像未出现在 Safari 中

    我有一个非常简单的任务 将背景图像应用到 DIV 中 我可以使用除 Safari 之外的所有其他浏览器查看图像 有人可以看一下我的 CSS 和网站并告诉我我做错了什么吗 CSS intro2services background linea
  • Android Raw 文件夹 - 创建和参考

    我正在尝试为我的 Android 应用程序创建一个原始文件夹 其中将保存不同的媒体文件以供稍后使用 但我似乎无法在 java 类中引用创建的原始文件夹 例如 R gt 这将返回我可以使用的所有可能资源的列表 例如基本的可绘制 布局和值文件夹
  • Python:如何保持 sqrt() 平方的准确性?

    我认为这是一个很受欢迎的问题 但我一直找不到答案 当一个整数的平方根被平方时 我期望结果是一个整数 但我得到以下结果 from math import sqrt from decimal import Decimal a 5 b sqrt
  • 如何将 yyyymmdd 格式的字符串转换为 JodaTime 中的 LocalDate [重复]

    这个问题在这里已经有答案了 我有一个 20140518 形式的字符串 如何将其转换为 LocalDate 对象 我试过这个 this todayDate new LocalDate val System out println todayD
  • Zend_Rest_Route 和分层路由

    使用 Zend 1 9 我正在尝试使用Zend Rest Route实现分层 url 所以我有2个restFul控制器 users and items 并使用分层路由调用第二个控制器 示例 考虑 GET http 动词 http examp
  • 经典 asp 上的 SQL 注入捕获 - 重新发布表单会产生大量问题

    我将 SQL Server 2005 与经典 ASP 结合使用 并在表单重新发布 我发布回同一页面 上 我按如下方式替换每个文本字段 course trim replace request course 这样做的问题是 如果我必须在验证错误
  • runApp 使用有状态小部件抛出异常

    我是颤振新手 我正在学习在应用程序中显示启动画面 然后转到新页面 我在我的项目中添加了一个依赖项 flashscreen 由于我是新人 我不知道如何实现闪屏 当我搜索时 我得到了向项目添加依赖项的解决方案 当我尝试运行我的应用程序时 出现以
  • 需要帮助在日语中格式化 MomentJS 中的日期

    我需要帮助在 MomentJS 中格式化日期 我面临的主要问题是日语的 日 字日不显示 Date 3 Nov 实际输出 11月 03 预期输出 11月 03日 格式已尝试MMM DD https jsbin com caganaveci e
  • 如何覆盖 primeng 组件的样式?

    我想根据组件级别而不是整个应用程序覆盖 primeng 组件的样式 要么我必须改变 main 中的样式theme css文件或内联样式 但似乎内联有时无法按预期工作 例如 我必须使用