RadTreeView Checkbox Styles

Question

RadTreeView에서 확인란의 사용자 정의 스타일을 설정하려고합니다. 체크 박스가있는 다른 색상과 체크되지 않은 상자의 색상이 다를뿐입니다. 하지만 어떻게 해야할지 잘 모르겠습니다. Telerik 메서드/속성을 내장하고 있지 않습니다. 일반적으로 확인란을 숨기고 확인란처럼 div/span 스타일을 지정하여 CSS를 사용하여 작업을 시도했습니다. 하지만 여기에 html RadTreeView에서 생성 된 및 어떻게 여기에 동일하게 적용할지 잘 모르겠습니다. 이 같은 생성 된 모습을 가져옵니다 HTML,

<li class="rtLI"> 
    <div class="rtMid"> 
     <span class="rtSp"></span> 
     <span class="rtPlus"></span> 
     <label> 
      <input type="checkbox" class="rtChk"> 
      <span class="rtIn">Boston</span> 
     </label> 
    </div> 

RadTreeview에서 체크 박스 스타일을하는 방법에 대한 어떤 제안? 감사. 그들이 체크 박스 스타일을 RadFormDecorator를 사용하는 http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx

것 같습니다 : 우리는이 데모를 가지고가는 경우에

Answer 1

.

귀하의 HTML을 오른쪽에서처럼 외모와 스타일이 CSS 클래스에 의해 설정됩니다 : 당신이 너무 RadFormDecorator를 사용하는 경우

.RadForm_Silk.RadForm.rfdCheckbox input[type="checkbox"] 
 
{ 
 
    background-image: url('FormDecorator/CheckBoxSprites.png'); 
 
}

그래서, 당신은 대체 할 수 있습니다 더 높은 특이성을 가진 당신의 자신의 규칙을 추가해서 위 css 규칙, 예를 들면

div.RadForm_Silk.RadForm.rfdCheckbox input[type="checkbox"] 
 
{ 
 
    background-image: url('your_own_image.png'); 
 
}