Dojo FilteringSelect CSSスタイル

Question

すべてのCSSスタイル・クラスをrestyle dojo filtering selectに変更する必要がありますか？

注：私はclaroテーマを使用しています。

1.Set ID QuickSearchPane_SelectBox

2.Set他のすべてのFilteringSelectの

のスタイル1つの特定のFilteringSelectのためのスタイルに私が欲しい

私はいくつかのような見つけ： .claro .dijitTextBox .dijitInputInner

.claro .dijitInputField .dijitPlaceHolder

.claro .dijitSelect

しかし、これらは望ましい効果を与えません。私は背景色を変更することさえできません。これが動作しているようですメニュー

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

については

。

Answer 1

次のCSSクラスを使用して、dijit/form/FilteringSelectのスタイリングを開始できます。

この例では、dijit/form/FilteringSelectのすべてのインスタンスのスタイルを設定します：あなたはIDを使用します。ここで、 https://jsfiddle.net/ofgcd24n/

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

.dijitMenuItem { 
    background-color: orange; 
} 

以下この他の例では、dijit/form/FilteringSelectのインスタンスを1つだけのスタイルになる、（セレクタとして子孫コンビネータの使用を注意してくださいウィジェットのDOM）：

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

一般的にあなたは、イベントがダウンしてクリック/マウス用のブレークポイントを聞くので、あなたはあなたFilteringSelectのを開いたとき）クロームのDevツールに（使用することができます実行をブロックし、インスペクタにそのHTML構造をチェックし、スタイルで上書きしたい追加のCSSクラスを見ることができます。 CSSセレクタに関する

より： https://www.w3.org/TR/css3-selectors/

あなたはより多くの詳細が必要な場合は、我々は具体的な解決策を考え出すことができますので、あなたのHTMLやCSS、所望のレイアウトを投稿してください。