Primefaces数据表格 - 更改字体大小

Question

我想知道如何让p:datatable的列标题和内容字体变小，不确定如何使用CSS实现。

- Apoorv Kansal

---

请从以下链接查看如何通过 CSS 选择 p:dataTable：http://stackoverflow.com/questions/12194819/how-to-select-the-pdatatable-by-css - Gaurav Goyal

Answer 1

请尝试以下操作：

将下面的样式应用到 p:dataTable 中

style="font-size:8px;"

(或者)

覆盖样式类默认的字体大小值为12像素；

<style>
.ui-widget {
    font-size: 8px;
}
</style>

参考资料：http://www.w3.org/TR/CSS2/cascade.html#important-rules

- newuser

---

谢谢！然而，当我尝试第二种技术时，所有内容都变小了。我该如何使用样式标签而非内联方式使其仅适用于数据表格？ - Apoorv Kansal

第一种方法是否有效？ - newuser

由于所有组件都使用了ui-widget样式类。 - newuser

是的，我明白 ui-widget 样式会影响所有元素。只是想知道是否可以仅对数据表格进行样式设置？ - Apoorv Kansal

这里滥用了 !important。这不是正确/推荐的方法。请学习CSS级联规则并修改您的答案。如果发布正确，我会取消踩。而且，使用 style 是一种不良实践，因此也不推荐。 - BalusC

@BalusC 谢谢您的建议。 - newuser