我在Jquery選項卡上使用了Smoothness主題,我想在幾個選項卡上覆蓋默認主題的外觀,我將如何去做。我曾嘗試以下:如何覆蓋jQuery主題
$('#tab-id').css('background', '-moz-linear-gradient(center top, #999999, #494949 75%, #f3c84b)');
我稱之爲從點擊功能,當用戶點擊標籤上。
我也試過.addClass
,但也沒有重寫平滑主題。
在我的智慧結束時,任何幫助將不勝感激。
我在Jquery選項卡上使用了Smoothness主題,我想在幾個選項卡上覆蓋默認主題的外觀,我將如何去做。我曾嘗試以下:如何覆蓋jQuery主題
$('#tab-id').css('background', '-moz-linear-gradient(center top, #999999, #494949 75%, #f3c84b)');
我稱之爲從點擊功能,當用戶點擊標籤上。
我也試過.addClass
,但也沒有重寫平滑主題。
在我的智慧結束時,任何幫助將不勝感激。
只要定義在參數在jQueryUI CSS表單後加載的外部CSS文件,如果您在選項卡上使用ID,則只需在CSS中引用該ID即可。
無需通過JS設計CSS樣式!
我添加了一個ID,它確實將我想要的樣式應用於選項卡,但我只希望樣式在選中選項卡時可見。有沒有什麼辦法只用CSS來做到這一點? – mysticgohan53
是的,你需要指定標籤的狀態,我相信它是'.active'或'.selected'的東西,你將不得不使用螢火蟲或鉻開發工具來檢查。我剛纔沒有編輯標籤,只是回想起來。 – Jakub
感謝您的幫助 – mysticgohan53
嘗試將更多的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/
編輯CSS文件或用'.removeClass()'和'.addClass()'覆蓋類。 – Blender
或者在一個單獨的css文件中重寫css,在這裏您將覆蓋標記爲!important。 – Mithon
請注意,爲了完全兼容,您不僅需要'-moz-linear-gradient'來獲取漸變。 – jli