요소에서 선택 메뉴의 아이콘 색상을 가져 오는 방법

Question

테이블이 있습니다. 그리고 그것을 클릭하면 테이블이 오름차순으로 정렬됩니다. 다시 클릭하면 내림차순 정렬이고 '정렬 없음'으로 되돌아 가려면 다시 클릭하십시오

저는 ui-icon-caret-2-ns/ui-icon-caret 사이의 클래스를 조작하는 i 요소를가집니다. -1-n/ui-icon-caret-1-s를 사용하여 정렬 유형을 표시합니다.

beautifull 표시하려면 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 버튼"으로 사업부를 넣어 내 테이블에서만 효과를 격리. 마찬가지로 내가 자동으로 선택 메뉴와 같은 화살표 색을했습니다.