검도 드롭 다운의 사용자 정의 아이콘 이미지

Question

나는 Jquery에서 만든 검도 드롭 다운 목록이 있습니다.

마크 업 :

$('.divReassignTo').width(widthForControls).kendoDropDownList({ 
      dataTextField: "Name", 
      dataValueField: "Guid", 
      dataSource: dataForAssignedTo, 
      optionLabel: "Select..." 
     }); 

나는 내가 가지고있는 특정 아이콘 이미지 드롭 다운에 표시 기본 아이콘을 대체 할 수 있습니다.

어떻게하면됩니까? 어떤 도움을 주시면 감사하겠습니다.

Answer 1

다음 CSS 정의 정의 : 당신이 ID가 dropdown있는 DropDownList로로 제한하려면 다음의 CSS 좁힐 수 있습니다,

span.k-widget.k-dropdown.k-header span.k-icon.k-i-arrow-s { 
    background-image: url('url to your image'); 
    background-position: 0 0; 
    background-size: 16px 16px; 
} 

을 :

span.k-widget.k-dropdown.k-header[aria-owns='dropdown_listbox'] span.k-icon.k-i-arrow-s { 
    background-image: url('url to your image'); 
    background-position: 0 0; 
    background-size: 16px 16px; 
} 

을 여기에 예를 참조하십시오 : http://jsfiddle.net/OnaBai/2sSgu/