2013-09-29 47 views
7

我已經實現了jQuery-ui選項卡小部件,它工作的很好。但是,它做了一些我不喜歡的風格的東西。具體而言,.ui-corner-all是圓角的,我不希望那樣。如何覆蓋jQuery-ui.css風格

什麼是「正確」的方式來覆蓋這一點。我應該使用主題嗎?

有人有一個很好的初學者教程如何使用/創建ui主題?

+1

http://jqueryui.com/themeroller/ – SLaks

回答

8

嘗試使用重要的定製

.ui-corner-all{ 
border: 0px !important; 
} 

樣式表或者doc的頭。

1

我建議不要嘗試手動覆蓋JQuery UI的樣式,而是選擇使用JQuery UI's ThemeRoller頁面。

使用ThemeRoller修改主題將確保最大限度地兼容未來升級,而不是覆蓋某些樣式,只是爲了在下次嘗試升級到更新版本的JQuery UI時使它們發生更改或發生衝突。

+0

但後來你失去了通過CDN加載主題的奢侈。 –

+0

不幸的是,這是真的。這是根據你試圖修改多少來衡量利弊的一個例子。 –