2011-12-02 101 views
3

我在Jquery選項卡上使用了Smoothness主題,我想在幾個選項卡上覆蓋默認主題的外觀,我將如何去做。我曾嘗試以下:如何覆蓋jQuery主題

$('#tab-id').css('background', '-moz-linear-gradient(center top, #999999, #494949 75%, #f3c84b)'); 

我稱之爲從點擊功能,當用戶點擊標籤上。

我也試過.addClass,但也沒有重寫平滑主題。

在我的智慧結束時,任何幫助將不勝感激。

+1

編輯CSS文件或用'.removeClass()'和'.addClass()'覆蓋類。 – Blender

+0

或者在一個單獨的css文件中重寫css,在這裏您將覆蓋標記爲!important。 – Mithon

+0

請注意,爲了完全兼容,您不僅需要'-moz-linear-gradient'來獲取漸變。 – jli

回答

0

只要定義在參數在jQueryUI CSS表單後加載的外部CSS文件,如果您在選項卡上使用ID,則只需在CSS中引用該ID即可。

無需通過JS設計CSS樣式!

+0

我添加了一個ID,它確實將我想要的樣式應用於選項卡,但我只希望樣式在選中選項卡時可見。有沒有什麼辦法只用CSS來做到這一點? – mysticgohan53

+0

是的,你需要指定標籤的狀態,我相信它是'.active'或'.selected'的東西,你將不得不使用螢火蟲或鉻開發工具來檢查。我剛纔沒有編輯標籤,只是回想起來。 – Jakub

+0

感謝您的幫助 – mysticgohan53

1

嘗試將更多的CSS Specificity或添加!important到您的定義

...如果你有一個指向同一個 元素兩個(或更多)衝突的CSS規則,有一些基本的規則,瀏覽器如下,以 確定哪一個是最特殊的,因此勝出......

http://www.htmldog.com/guides/cssadvanced/specificity/

...特異性決定,其中CSS規則是由瀏覽器從浮標應用...

...除此之外,CSS的特異性是最困難的 概念級聯樣式表抓一個。不同重量的 選擇通常就是爲什麼你的CSS規則並不適用於某些 元素,雖然你覺得他們應該有原因......

http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/