如何在css / primefaces中自定义p：clock字体？

Question

我想操纵我的时钟的字体大小，但似乎我的css风格与primefaces不兼容？

代码示例：

               <div id="day" style="font-size: 12px">
                    text here
                    <p:clock  pattern="HH:mm:ss" mode="server" />                        
                    <p:clock pattern="dd MMMM yy" mode="server" />
                    <p:clock pattern="E" mode="server" />
                </div>

这是示例屏幕：