css – 更改面板组件的primefaces标题样式

前端之家收集整理的这篇文章主要介绍了css – 更改面板组件的primefaces标题样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

如何设置p:面板组件的标题样式?我想设置panel_header div的高度.

最佳答案
您通常使用CSS进行样式设置.使用.ui-panel .ui-panel-titlebar选择器.您可以在每个体面的webbrowser开发人员工具集中找到CSS选择器及其所有属性.在Chrome,IE9和Firebug中,右键单击标题栏并选择Inspect Element或按F12.

以下是Chrome中的示例:

首先,您可以将填充设置为0.

.ui-panel .ui-panel-titlebar {
    padding: 0;
}

将它放在.css文件中,您可以通过< h:outputStylesheet>加载它.在< h:body>内部,以便在PrimeFaces默认CSS之后加载它.

也可以看看:

> How do I override default PrimeFaces CSS with custom styles?

原文链接:https://www.f2er.com/css/427439.html

猜你在找的CSS相关文章