Dojo FilteringSelect CSS樣式

Question

需要更改爲restyle dojo filtering select的所有css樣式類是什麼？

注意：我正在使用claro主題。

我想

1.設置樣式爲ID QuickSearchPane_SelectBox

2.設置一個特定的是FilteringSelect風格爲所有其他FilteringSelect來

我發現了幾個，如： .claro .dijitTextBox .dijitInputInner

.claro .dijitInputField .dijitPlaceHolder

.claro .dijitSelect

但是這些都沒有達到預期的效果。我甚至無法更改背景顏色。

對於菜單

[dijitpopupparent="QuickSearchPane_SelectBox"] > .dijitComboBoxMenu .dijitMenuItem 

這似乎是工作。

Answer 1

您可以使用以下CSS類來開始設計您的dijit/form/FilteringSelect;

這個例子將風格dijit/form/FilteringSelect所有的實例： https://jsfiddle.net/ofgcd24n/

.dijitInputInner { 
    background-color: green !important; 
} 

.dijitMenuItem { 
    background-color: orange; 
} 

下面這個其他例子風格dijit/form/FilteringSelect只有一個實例，請注意使用後代組合子作爲選擇（在您使用的ID窗口小部件DOM）：

#widget_stateSelect .dijitInputInner { 
    /* your style*/ 
} 

一般來說，你可以使用（在Chrome瀏覽器開發工具）事件監聽斷點點擊/鼠標下來，所以當你打開你FilteringSelect來，您可以阻止執行，並與檢查器一起檢查其HTML結構，並查看要用樣式覆蓋的其他CSS類。

更多關於CSS選擇器： https://www.w3.org/TR/css3-selectors/

如果您需要更多的細節，請發表您的HTML和CSS和所需的佈局，所以我們可以制定出一個具體的解決方案。