特定爲選擇元素分配JQuery UI的css？

我有一個特定爲選擇元素分配JQuery UI的css？

<div class="advancedSearchContainer findorders">

在其中我特別用一些jQuery的UI功能 - 日期選擇器等。現在，它顯示的是Rails應用程序中默認的jQuery UI的主題顏色。我無法更改默認的jquery-ui css文件，因爲網站的其他部分正在使用它。

但是我想以不同的方式指定這個特性的CSS，所以我試着用這個方法。

.advancedSearchContainer .ui-state-active, 
.advancedSearchContainer .ui-widget-content .ui-state-active, 
.advancedSearchContainer .ui-widget-header .ui-state-active { 
    border: 1px solid #acdd4a; 
    background: #6eac2c url(images/ui-bg_gloss-wave_50_6eac2c_500x100.png) 50% 50% repeat-x; 
    font-weight: normal; 
    color: #ffffff; 
}

但是這不會改變顏色。我出錯的任何特定原因？

來源

2013-03-13 Pratik Bothra

你包括原來的風格後，這些樣式定義？你是否有資格讓選擇器進入比原來的css更深的狀態？通過給div一個id並使用#advancedSearchContainer .ui-state-active，您有更好的機會覆蓋樣式 – Pete 2013-03-13 13:01:42

添加一個體類，並使用所述body.yourClass .advancedSearchContainer的.ui態活性， body.yourClass .advancedSearchContainer的.ui-小窗口內容的.ui態活性， body.yourClass .advancedSearchContainer的.ui -widget頭的.ui態活性{}

這將推翻其他CSS語句

來源

2013-03-13 12:56:29

特定爲選擇元素分配JQuery UI的css？

回答

相關問題