簡單的方法來覆蓋基本的jQuery-UI css？

我覺得這是一個愚蠢的問題，但我總是發現修改某些CSS屬性是使用jQuery時的麻煩。比方說，我將一個元素定義爲jQuery-UI對象（如自動完成或日期選擇器），我如何去修改CSS而無需進入UI網站並構建自己的主題？簡單的方法來覆蓋基本的jQuery-UI css？

例如，我發現日曆的默認字體大小非常大，所以我經常需要找到由jQuery創建的包含div，然後添加font-size: 14px !important;，如果我希望應用該樣式或者被jQuery定義所欺騙（因爲它更具選擇性）。

解決方案使我的規則更具選擇性，還是缺少真正明顯的東西？

來源

2010-07-20 Gazillion

我很同情。我誠實地尊重jQuery UI，但是我認爲這對很多站點來說都是一個非常糟糕的解決方案，因爲它實施的佈局。我所做的只是採用了他們給我的CSS並自由修改它。很多。我真的不希望我的網站看起來像「jQuery UI站點」，我也沒有遺憾:-) – Pointy 2010-07-20 14:20:17

我沒有使用JQuery-UI，但快速查看他們的文檔似乎表明，很多樣式應該很容易覆蓋。此頁面http://jqueryui.com/docs/Theming/API會談您的特定示例font-size，指出.ui-widget類控制特定窗口小部件的font-size。所以看起來你要獲得你的字體大小，你只需要有一些這樣做的CSS：

#ui-datepicker-div.ui-widget {font-size: 14px}

希望有所幫助。

來源

2010-07-20 14:35:59 ScottS

哇，很好的鏈接，謝謝！我總是看着下載隨附的CSS，它似乎總是有一英里長的選擇器，所以我覺得它比這更復雜:) – Gazillion 2010-07-20 15:00:54

上面鏈接的頁面現在已經消失（2014年），嘗試這裏：http://api.jqueryui.com/theming/css-framework/ – 2014-04-28 17:53:24

簡單的方法來覆蓋基本的jQuery-UI css？

回答

相關問題