0

我正在尝试为 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 中设置复选框样式的任何建议？谢谢。

4

1 回答 1

0

如果我们采取这个演示：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');
}

于 2014-11-14T00:22:50.993 回答