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中设置复选框样式的建议吗？感谢。

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

RadTreeView复选框样式

1 个答案: