2010-05-18 70 views
13

即时通讯尝试添加一个datepicker到我的symfony应用程序,我得到它的工作,但datepicker的大小比正常(在演示页面)大约3倍。我没有编辑任何CSS,我只使用默认的ui lightness主题没有任何修改。jquery ui datepicker字体大小是巨大的

有没有人有任何想法为什么大小炸得这么大?

CSS:

http://paste2.org/p/835414

强硬。我怀疑,这将是非常有用的。

回答

39

.ui-widget类中修改font-size。将其从1.1em(当前值)更改为少一些,如1em0.9em。或者只是使用一个静态大小,如12px,但这是不可取的。

+0

天才! 但是为什么字体要大得多?我没有在CSS中编辑任何东西,只是从jQuery UI网站下载它... – iggnition 2010-05-18 08:58:48

+10

这是因为字体是在'em'中指定的,这是依赖于上下文的。例如,如果你的'body'有'font-size:14px',然后'div'有'1em',那'div'基本上就是'14px'。如果在'div'中,你有'0.8em',它会变小。如果你把'body'改成'12px','div'会更小。基本上,'em'就像一个比例('%'),其中'1em == 100%'(如果我错了某人的话)。 – Felix 2010-05-18 10:59:43

+1

这对大多数人来说可能是显而易见的,但是您必须将!important添加到CSS中,以便覆盖jQuery UI中的一个。我把我的CSS:.ui-widget {font-size:0.8em!important; } - 如果没有!重要的话,它将无法工作。 – 2012-12-29 21:13:35