PrimeNG确认对话框(OverLay)没有内置样式(css)
PrimeNG是一个开源的UI组件库，提供了丰富的UI组件和功能，用于构建现代化的Web应用程序。PrimeNG确认对话框（OverLay）是其中的一个组件，用于显示一个对话框，让用户确认或取消某个操作。
PrimeNG确认对话框没有内置样式（css），这意味着在使用该组件时，需要自己定义和应用样式。可以通过以下步骤来为PrimeNG确认对话框添加样式：
- 创建一个CSS文件，用于定义对话框的样式。可以使用各种CSS属性和选择器来自定义对话框的外观，例如背景颜色、边框样式、字体样式等。
- 在HTML文件中引入该CSS文件。可以通过在
<head>标签中添加<link>标签来引入CSS文件，例如： - 在HTML文件中引入该CSS文件。可以通过在
<head>标签中添加<link>标签来引入CSS文件，例如： - 在使用PrimeNG确认对话框的地方，为对话框添加一个CSS类名，以应用定义好的样式。可以通过在对话框的
[styleClass]属性中指定CSS类名，例如： - 在使用PrimeNG确认对话框的地方，为对话框添加一个CSS类名，以应用定义好的样式。可以通过在对话框的
[styleClass]属性中指定CSS类名，例如：
需要注意的是，以上步骤只是一个基本的示例，具体的样式定义和应用方式可以根据实际需求进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）
- 产品介绍链接地址：https://cloud.tencent.com/product/cvm
腾讯云云服务器（CVM）是腾讯云提供的一种弹性计算服务，可以快速创建、部署和管理虚拟机实例。通过腾讯云云服务器，您可以轻松搭建和扩展应用程序、网站和服务，满足不同规模和需求的业务。
优势：
- 弹性扩展：根据业务需求，随时调整实例的配置和数量，实现弹性扩容和缩容。
- 可靠稳定：腾讯云提供高可用性和可靠性的基础设施，保障您的应用程序稳定运行。
- 安全防护：腾讯云提供多层次的安全防护机制，保护您的云服务器免受网络攻击和恶意行为的侵害。
- 灵活定制：您可以根据自己的需求选择不同的实例配置、操作系统和应用软件，实现个性化定制。
应用场景：
- 网站和应用程序托管：通过腾讯云云服务器，您可以快速搭建和部署网站和应用程序，提供稳定可靠的访问服务。
- 数据库服务器：腾讯云云服务器提供高性能的计算和存储资源，适合部署各种数据库服务器，如MySQL、MongoDB等。
- 游戏服务器：腾讯云云服务器提供强大的计算和网络性能，适合承载大型游戏的服务器部署。
总结： PrimeNG确认对话框（OverLay）是PrimeNG组件库中的一个组件，用于显示确认对话框。由于没有内置样式，需要自定义和应用样式。腾讯云的云服务器（CVM）是一款弹性计算服务，适用于各种应用场景，提供可靠稳定的计算资源。
相关·内容
我添加了一个PrimeNG确认对话框(遵循官方文档中的示例)：<p-confirmDialog appendTo="body" #cd> </p-footer>component.ts：
import { ConfirmationService } from 'p
浏览 10提问于2018-08-30得票数 0
回答已采纳
我有primeng，喜欢附加的截图。
正如你所看到的，这两个primeng html标签都有共同的div类“p-对话-掩码p-组件-覆盖p-对话-掩码-滚动块”。当对话框打开时，我想要一个不同的父页面覆盖，当确认对话框打开时，我想要一个不同的覆盖。无论我给出什么，它都将css用于p-dialog，而不是为p-confirmdialog选择不同的css。有没有一种方法可以在不接触类名的情况下改变样式。我希望在p-dialog
浏览 0提问于2021-09-29得票数 0
1回答
当这个对话框出现时，我不得不把背景颜色改成黑色。所以添加了如下css。.p-dialog-mask.p-component-overlay {}
一旦对话框关闭，我就会得到每个页面的正常primeng显示。在页面中有几个删除功能，它们在相应的html中具有确认码，如下所示。<p-confirmDialog header="Confirmation" icon="pi pi-exclamatio
浏览 1提问于2021-09-07得票数 1
Angular 8 +primeng 8 我们已经使用了Primeng package Issue :当我们试图从p-dialog打开Primeng的确认对话框时，它没有打开。但是当我们尝试直接从页面本身打开确认对话框时，它就会正确地打开。
浏览 56提问于2020-01-17得票数 0
回答已采纳
我想使用jquery ui弹出一个模式对话框，其中覆盖层完全是黑色的。我知道我可以在主题中设置它，但我不希望所有对话框都有黑色覆盖。只有一个。有没有办法在每个对话框的基础上配置对话框的背景(覆盖)颜色？也许是在它被创建的时候？
提亚
浏览 0提问于2012-02-14得票数 29
回答已采纳
我正在使用Angular 10和Prime-ng，我已经添加了一个自定义样式，它应该覆盖Prime-ng组件，但是当为应用程序提供测试时，样式不会覆盖它，它会将包含原始样式的标签直接放在 <p-progressBar [v
浏览 12提问于2021-08-25得票数 0
4回答
我的jquery对话框代码有一些输入字段和一个提交代码片段是$("#loading-overlay").css("position", "fixed");html是
<div id
浏览 0提问于2015-01-22得票数 0
我想使用Angular Material对话框并覆盖一些样式，而不是在我的CSS中使用"!important“。Angular Material以如下的内联样式注入cdk-overlay-pane：
<div id="cdk-overlay-0" class="cdk-overlay-pane" style="max-width:80vw; pointer-events: auto; position:
浏览 0提问于2018-12-07得票数 2
在使用ConfirmDialog时，我对如何在Angular的primeng库中设置两个“确认”和“取消”按钮的样式感到困惑。我想让“确认”按钮保持绿色，并将“取消”按钮的样式改为红色。更改css中的样式以执行以下操作：更改两个按钮上的颜色。
浏览 24提问于2017-07-17得票数 2
回答已采纳
1回答
根据我的要求，我通过PrimeNG实现了一个组织结构图。我来自TreeNode类型数组的数据正在UI中正确地呈现，但设计不是这样。下面是我的代码：import {OrganizationChartModule} from 'primeng/organizationchart';import {TreeNode} from 'primeng</em
浏览 1提问于2020-07-04得票数 0
回答已采纳
// width as percentage (%)我希望对话框现在占据浏览器的大部分窗口宽度结果显示，对话框的宽度约为，仅为窗口的三分之一，而不是80%的。并且宽度是固定的，在用户调整浏览器窗口大小时保持不变。
浏览 3提问于2020-01-22得票数 2
回答已采纳
1回答
我正在尝试在我的Angular 4代码中使用PrimeNg组件。模块被正确导入，但是样式没有被应用。我使用了angular-cli来获取项目样板。我在index.html中使用链接标签包含了样式，如下所示：
<link rel="stylesheet" href="/node_modules/font-awesome/css/font-awesome.min.css&#
浏览 2提问于2017-09-23得票数 1
我想提供一个.png来呈现基于jQueryUI的对话框对象的背景。，但'overlay‘未在当前文档中列出。thx
浏览 2提问于2011-01-14得票数 3
回答已采纳
我使用的是表Primeng datatable，并且需要实现对列的过滤。 问题是我启用了ViewEncapsulation.ShadowDom，但没有为过滤器提供样式，就像根本没有css一样。但是对于表，您可以在我的历史记录中看到一些样式-changes.Component.css，我导入了样式。@import '~bootstrap/dist/css/bootstrap.min.css
浏览 23提问于2021-09-09得票数 0
我正在制作我的申请表，需要确认弹出才能使用.但我遇到了一个构建错误-app.module.ts
.导入{ConfirmationDialogModule}从‘primeng/确认对话框’；导入{ConfirmationService}从'primeng/api'；.
浏览 1提问于2020-10-09得票数 0
有人能帮我吗:我正在尝试让PrimeNG与一个用angular-cli创建的Angular应用程序一起工作。我在我的新应用程序中安装了PrimeNG (用命令行界面创建)，但是我不能让样式工作。/node_modules/primeng/resources/themes/omega/theme.css"
href="/node_modules/primeng/resources&
浏览 1提问于2016-11-17得票数 3
我的问题是我不能使用primeNG中的默认类来设计按钮。
我所采取的步骤:我已经在当地的国家预防机制中安装了它。我在应用程序模块中添加了按钮模块。我把它包括在angular.json里了。
浏览 1提问于2018-09-01得票数 2
回答已采纳
1回答
，在它列出的样式配置下： "../node_modules/primeng/resources/primeng.min.css",它只是没有意义，我加载主题，然后加载基本的原始风格。那么哪条路是正确的呢？/node_modules/primeng
浏览 1提问于2017-10-11得票数 2
回答已采纳
1回答
不能在模式中从建议列表中提取
、、、、
我使用PrimeNG in PrimeNG ，并在这个对话框中列出AutoComplete下面的元素。当列表中没有元素时，AutoComplete's建议列表应该在对话框中可见。
body .ui-dialog {
overflow-y: auto !
浏览 0提问于2019-06-24得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
