当前位置: 首页 > 知识库问答 >
问题:

向p:message添加CSS类或样式

须彭亮
2023-03-14

我有一个p:message,我想为它设置display:inline-block

<p:message ... styleClass="inline-block" style="display:inline-block;/>

我知道我可以用div包装它,并控制该div的子级的CSS,但如果可能的话,我希望避免多余的包装。

PrimeFaces版本:3.5。

共有1个答案

公孙驰
2023-03-14

不得不不同意哈特姆·阿里玛

正如mykong文章所说,您应该添加样式表来覆盖Primefaces CSS。

CSS样式表中的!重要的被视为不良实践。查看这些快速SO答案,看看SO社区的想法:

这些属性不起作用,因为它们没有编码在组件中。请查看PF用户指南,了解您的特定PF版本(在撰写本文时,您尚未说明您的版本)。 组件有一种非常特殊的呈现方式。

对于您的特殊情况,添加以下规则:

.ui-messages.ui-widget {
    display: inline-block;
}
 类似资料:
  • 我已将这些字体样式添加到我的页面 如何使用css将它们添加到我的页面中,以便我的css中没有这些外部链接 我试过这个 但在我的控制台(我使用Mlozilla)中 可下载字体:被消毒剂拒绝 在Chrome错误说: 无法解码下载的字体:https://fonts.googleapis.com/css?family=Roboto:400,700700Italic,400italic 然后我下载了与Rob

  • 我一直在尝试更改选择选项的样式。例如添加颜色和背景似乎可以使用下面的代码。但它不起作用,例如边距:20px,边框或任何东西。一直在尝试不同的东西和JS和JQueary,但我不能让它工作,所有的提示都是欢迎的!:) null null

  • 我想将css文件链接到我的应用程序。在我的fxml文件中,我使用以下命令: ...当我在scenebuilder中打开fxml文件时,我可以看到一个样式化的预览。但是,当我尝试运行应用程序时,出现了一个错误: java.net.MalformedURL异常:无协议:.../stylesheet1.css 所以我用这种方法测试它: 现在它是反过来的-应用程序启动并应用css,但我没有看到场景构建器中

  • 问题内容: 我正在将webpack与css-loader一起使用以加载我的css样式并将其添加到React组件中。 我正在动态计算单元格的高度/宽度。在这里,他们描述了如何动态地向组件添加样式,但是我更喜欢在没有样式属性的情况下进行。 我尝试在其中一个父组件中执行此操作,以为它可能会更改css类,但这似乎不起作用。 有关如何最好地做到这一点的任何反馈? 问题答案: 您应该使用style属性,这就是

  • 我正在努力使我的代码更易读和简洁。 我当前遇到的最大问题是类。每次创建使用的新类时,我都必须声明的所有函数,以使类更易于理解和使用。 例: 我四处寻找解决办法,但我找不到任何适合我的办法,所以我试着想出我自己的办法。 但是当我尝试实现EventEmitterType接口时,它会抛出一个错误 我发现,由于某种原因,在和函数中,类型被称为,这与不兼容,在中,的类型是。 问题:是否有任何方法可以解决这个

  • 问题内容: 有没有办法将javascript文件中的字符串中的css添加到使用javascript的文档的开头? 假设我们有一个网页,其中包含一个灯箱脚本,该脚本需要一个css文件才能运行。 现在,添加此css文件将使css文件下载,即使对于未启用js的用户也是如此。 我知道我可以使用脚本动态加载css文件,但这也意味着将有2个http请求,并且在文件中几乎没有css的情况下,我发现这种效率低下。