RadTreeView复选框样式

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');
}

​