我要设置单曲 。p:message
display: 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社区的想法:
最后一个有一个辩护的答案,!important
但是当几个!important
规则开始起作用时会带来问题(并且,如果您毫无保留地开始使用它,则注定会让您大吃一惊,而它们又会级联起来。
正确的方法是使样式表优先于PF表,使选择器优先于级联中PF中的选择器。
Google for CSS选择器的专一性,详细介绍了如何确保浏览器选择的规则优于PF规则(我现在正在工作,无法访问博客)。
关于您的特定问题:
这些属性不起作用,因为它们未在组件中编码。查看PF用户指南以获取特定的PF版本(在撰写本文时,您尚未声明您的版本)。该<p:messages>
组件具有一种相当特殊的渲染方式。
对于您的特定情况,添加以下规则:
.ui-messages.ui-widget {
display: inline-block;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句