如何在PrimeFaces组件上应用蒙皮(ToolTip)

时间:2011-11-29 12:02:46

标签: primefaces

我正在使用Prime Faces工具提示。我想知道我可以通过应用css或skinning来改变主要Faces工具提示的外观和感觉。就像制作更大的盒子并改变Tooltip等的颜色和字体一样。

我正在使用Prime Faces 2.2

谢谢

2 个答案:

答案 0 :(得分:0)

您可以通过将CSS添加到stylestyleClass属性来更改样式。

另外,我强烈建议升级到3.0.M4或3.0.RC1-Snapshot!

编辑:

关于工具提示样式,我找到了这篇文章:http://code.google.com/p/primefaces/source/browse/examples/trunk/prime-showcase/src/main/webapp/ui/tooltipStyling.xhtml?r=1434

正如你在那里看到的,你可以通过使用一些css类来应用一些样式。

这也是3.0.M4(RC1)的迁移指南:http://wiki.primefaces.org/display/General/Migration+Guide+to+3.0

答案 1 :(得分:0)

我知道这是旧的,但您也可以通过在常规CSS文件中使用具有更高优先级的样式定义来覆盖某些CSS属性。我更详细地描述了这一点here。颜色,边框和填充都没有问题,但是,位置相当棘手,因为PrimeFaces将工具提示放在正常结构之外的div处,并且显然使用一些计算的绝对定位来放置它们。