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和所需的布局，所以我们可以制定出一个具体的解决方案。