2010-05-18 69 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