如何以不同方式設計jquery ui的不同元素？

款式jQueryUI的標籤以一種特殊的方式，我的團隊成員修飾類的UI狀態默認如下如何以不同方式設計jquery ui的不同元素？

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{ border: 3px solid transparent; 
    background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg); 

    font-weight: bold; color: White; }

現在的問題是，我使用與創建一個按鈕元素jQueryUI的自動完成組合框相同的類

因此，我有一個背景圖像出現，這使得它看起來醜陋和巨大。

如何爲不同的元素設置不同的樣式？我嘗試了puttin button.ui-state-default作爲jqueryui不同的風格。

來源

2011-09-13 shashi

對於[autocomplete]（http://jqueryui.com/demos/autocomplete/#theming），除了'.ui-widget-content'外，看起來他們看起來並沒有使用上述任何類嗎？你可以在jsFiddle上創建一個例子嗎？ – Shef

我正在使用http://jqueryui.com/demos/autocomplete/#combobox。如果您檢查該頁面上的下拉按鈕，您將會看到 – shashi

更改當前的CSS規則，標籤如下：

.ui-tabs .ui-tabs-nav .ui-state-default, 
.ui-tabs.ui-widget-content .ui-state-default, 
.ui-tabs .ui-widget-header .ui-state-default { border: 3px solid transparent; 
    background: #F5AD4C 0px 0px repeat-x url(pix/redesign/orangebuttonstrip.jpg); 
    font-weight: bold; color: White; 
}

注：.ui-tabs.ui-widget-content是不是一個錯誤，這就像是故意。這意味着如果這兩個類都存在，則按照後面的規則進行設計。

來源

2011-09-13 10:38:20 Shef

沒有這似乎沒有工作。雖然在螢火蟲調試我注意到，你在上面提到的標籤相同的類被應用到按鈕。你爲什麼認爲這是發生？ – shashi

@sassyboy：如果你不能爲我創建一個例子來進行調試，我不能告訴你到底發生了什麼。較低的類可能會被應用，但'ui-tabs'不會，因此上述規則不應該應用於按鈕。 – Shef

你能幫我清楚一下這種類型的風格定義如何在這裏工作的基礎：http://stackoverflow.com/questions/7400821/what-does-multiple-class-definition-mean-and-how-is-it - 被推遲到工作如果我能更好地理解這應該是如何工作的話，我會更容易進行調試。 – shashi

如何以不同方式設計jquery ui的不同元素？

回答

相關問題