要素内の選択メニューのアイコンの色を取得する方法

Question

私はテーブルを持っています。それをクリックすると、テーブルが昇順に並べ替えられます。もう一度クリックすると、降順の並べ替えであり、もう一度「no sort」に戻るために再度クリックします。

私はui-icon-caret-2-ns/ui-icon-caretのクラスを操作するi要素を持っています-1-n/ui-icon-caret-1-sを使用して、ソートのタイプを表示します。

美しい表示をするには、class = ui-widget-header ui-state-defaultの表のヘッダーでjquery-uiのカスタマイズを使用します。しかし、私は矢印をselectmenu要素と同じ色にしたい。 実際に私が使用し、手動

.ui-widget-header .ui-icon {Background-image : url('Pathgoodcolor');} 

しかし、私はseveralsプロジェクトでこの表を使用して、私はselectmenu要素の矢印として私が見た

UPDATE をautomatcally同じ色を置く方法を検索選択メニューのUIボタン原因アイコンが.ui-button .ui-iconから継承する UIボタンを追加すると、たくさんのスタイルが追加されます

Answer 1

私が欲しいものを正確に説明することが困難な場合は申し訳ありません。おそらく、私の英語は、あまりにもrustig :-) である。しかしfinnally溶液は、私はちょうどTFOhdを追加すること

$(<div class="TFOhd ui-button TFOOptlstFiltreImg" ><i class="ui-icon ui-icon-caret-2-n-s"></i></div>').appendTo($Col); 

とCSS

.TFOOptlstFiltreImg { 
background-size: 24px 24px; 
height: 24px; 
width: 24px; 
background-repeat: no-repeat; 
} 
.TFOhd.ui-button { 
border: none; 
background: none; 
padding: 0; 
} 

のようなオーバークラス= "UI-ボタン" を持つdiv要素を入れています私のテーブルにのみ効果を分離する。それと同じように、私は選択メニューと同じ色になっています