RadTreeView Checkbox Styles

Question

Я пытаюсь установить пользовательские стили для флажка в RadTreeView. Это достаточно просто для другого цвета для отмеченных коробок и другого цвета для непроверенных ящиков. Но я не уверен, как это сделать. Не удалось найти какой-либо встроенный метод/свойство Telerik для этого. Пытался сделать это с помощью css, как я обычно делаю, скрывая флажок и стилю div/span как флажок. Но 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? Благодарю.

Answer 1

Если мы возьмем эту демку: http://demos.telerik.com/aspnet-ajax/treeview/examples/functionality/checkboxes/defaultcs.aspx

Это выглядит, что они используют RadFormDecorator стилизовать флажки.

Ваш HTML выглядит так, как с правой стороны, и его стиль задается этим CSS класс:

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

Так что, если вы тоже используете RadFormDecorator, то вы можете переопределить выше правило css, добавив ваше собственное правило с большей спецификой, например

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