2011-09-06 72 views
0

我正在使用UI-Lightness主題,並試圖弄清楚如何爲我的標籤使用文本顏色。我感興趣的顏色是在按鈕,標籤等中找到的文本;它是淺藍色。我看到顏色是在「.ui-state-default」類中定義的,但它也有邊框細節和我不想要的東西。有沒有一種方法可以在沒有額外材料的情況下使用顏色?我知道我可以將顏色硬編碼到一個新課程中,但如果切換主題,這不會幫助我。使用JQuery UI前景色

非常感謝。

回答

1

我想在閱讀您的評論時使用jQuery來做這件事的另一種方式。如果你真的覺得這是一個麻煩,你可以在所有網頁的開頭添加以下功能:

var niceColor = $('.ui-state-default').css('color'); 

if(niceColor !== undefined) 
{ 
    $('label').css('color', niceColor); 
} 

這將讓目前ui-state-default類的字體顏色使用,讓您的所有標籤那種顏色。雖然有一個小竅門...你需要在頁面上使用ui-state-default類,否則頁面上沒有該類,因此JavaScript無法獲取它的顏色。這意味着你可能會有一些標籤在你沒有使用ui-state-default類的頁面中沒有選擇顏色。

要解決這個問題,你可以只堅持一個隱藏的元素在每個頁面上像這樣...

<input class="ui-state-default" style="display:none;" /> 

...只是要確定。

演示:http://jsfiddle.net/E7Zza/1/

+0

謝謝你斯賓塞。我喜歡這個想法。它肯定會在我的CSS中對顏色進行硬編碼。 – DrZ

1

如果只是一些與jQuery UI交互無關的標籤,您可以創建一個新的CSS類並將其提供給您選擇的標籤。你之後的顏色是#1C94C4。如果您決定更換不同的主題,只需更改班級中指定的顏色,並且您授予班級的標籤將全部更改。

此外,如果您想要更改主題並且不想更改所有內容,您可以在左側配置一個jQuery ui css文件here。或者,如果您只想編輯預先製作的主題的某些特徵(例如更改字體顏色以實現輕量級),則可以通過選擇Galley>編輯並指定您喜歡的任何更改並下載! :)

+0

謝謝你的幫助。我希望避免這種情況,因爲爲了測試,我經常來回切換主題。這對我來說是有道理的,像這樣的東西應該只是一個默認設置。 – DrZ