将CSS类或样式添加到p:message

达努比亚水手

要设置单曲 p:messagedisplay: inline-block

我尝试了以下方法:

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

但是,当我看到源代码时,样式和类都不会随消息一起显示在div上。

有什么方法可以p:message 直接指定自定义CSS属性吗?

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

PrimeFaces版本:3.5。

明德温

必须不同意Hatem Alimam

随着mykong文章的发展,您应该添加样式表以覆盖Primefaces CSS。

!important在CSS样式表中被视为不良做法。查看这些快速的SO答案,以了解SO社区的想法:

重要对性能有害吗?

在CSS中使用“!important”有什么含义?

在CSS属性中使用!important是否不好

最后一个有一个辩护的答案,!important但是当几个!important规则开始起作用时会带来问题(并且,如果您毫无保留地开始使用它,则注定会让您大吃一惊,而它们又会级联起来。

正确的方法是使样式表优先于PF表,使选择器优先于级联中PF中的选择器。

Google for CSS选择器的专一性,详细介绍了如何确保浏览器选择的规则优于PF规则(我现在正在工作,无法访问博客)。


关于您的特定问题:

这些属性不起作用,因为它们未在组件中编码。查看PF用户指南以获取特定的PF版本(在撰写本文时,您尚未声明您的版本)。<p:messages>组件具有一种相当特殊的渲染方式。

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

.ui-messages.ui-widget {
    display: inline-block;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将列表样式添加到p标签

来自分类Dev

将样式类添加到select_country字段

来自分类Dev

将类添加到样式化的组件

来自分类Dev

将样式类添加到select_country字段

来自分类Dev

如何将外部CSS添加到HTML“样式”

来自分类Dev

使用jQuery将CSS样式添加到特定文本

来自分类Dev

将CSS样式添加到v-html

来自分类Dev

如何将外部CSS添加到HTML“样式”

来自分类Dev

将恒定大小添加到边框样式:点(CSS)

来自分类Dev

将 css 样式添加到特定的列表元素

来自分类Dev

如何将css样式添加到新元素

来自分类Dev

苗条:将类添加到div不会将CSS类添加到div

来自分类Dev

优化代码以将CSS类添加到父div

来自分类Dev

将CSS类添加到Ember.Select

来自分类Dev

jQuery将CSS类动态添加到Bootbox Modal

来自分类Dev

如何将CSS类添加到GoogleMaps标记?

来自分类Dev

将CSS类添加到wtform中的字段

来自分类Dev

jQuery将CSS类添加到父<ul>元素

来自分类Dev

将CSS类添加到header.Cells

来自分类Dev

如何将CSS类添加到Leaflet Control

来自分类Dev

将CSS类添加到事件的noUiSlider句柄

来自分类Dev

将CSS类添加到Vue禁用的按钮

来自分类Dev

如何通过jQuery将CSS添加到类中?

来自分类Dev

将CSS类添加到Angularjs中的标记元素

来自分类Dev

依次将CSS类添加到div元素

来自分类Dev

Processwire 将 css 类添加到页面

来自分类Dev

将 CSS 添加到特定的类,这很奇怪

来自分类Dev

自动将 div 类 css 添加到 javascript 函数

来自分类Dev

使用LESS将样式从一类添加到另一类