Asp.net 如何更改telerik radrotator所选项目的背景色

Asp.net 如何更改telerik radrotator所选项目的背景色,asp.net,telerik,rotator,Asp.net,Telerik,Rotator,我在我的应用程序中使用radrotator,如何从asp.net c#代码中更改rotator选定项的边框颜色或颜色,我是否希望得到一些帮助。您可以通过其他CSS类更改radrotator控件及其项的边框: 内部CSS类rrClipRegion可以被覆盖,以便为旋转器控件的边框设置新颜色: .rrClipRegion { border: 1px solid green !important; } 您可以通过CSS为RadRotator的项目设置默认边框颜色,然后您可以通过使用新边框颜

我在我的应用程序中使用radrotator,如何从asp.net c#代码中更改rotator选定项的边框颜色或颜色,我是否希望得到一些帮助。

您可以通过其他CSS类更改radrotator控件及其项的边框:

  • 内部CSS类rrClipRegion可以被覆盖,以便为旋转器控件的边框设置新颜色:

    .rrClipRegion
    {
        border: 1px solid green !important;
    }
    
  • 您可以通过CSS为RadRotator的项目设置默认边框颜色,然后您可以通过使用新边框颜色定义CSS类,从后面的代码中更改它,如下所示:

  • RadRotator标记:

        <telerik:RadRotator ID="RadRotator1" runat="server" FrameDuration="3000" ScrollDirection="Left"
            Height="123px" ItemHeight="113px" Width="180px" ItemWidth="152px" Skin="Default"
            RotatorType="Buttons" OnItemClick="RadRotator1_ItemClick">
            <ItemTemplate>
                <div>
                    <img src="....." alt="" />
                </div>
            </ItemTemplate>
        </telerik:RadRotator>
    
    <style type="text/css">
        .rrItem
        {
            margin: 4px;
        }
    
        .rrItem img
        {
            border: 1px solid grey;
        }
    
        .cssSelectedItem img
        {
            border: 1px solid red;
    
        }
    </style>
    
    protected void RadRotator1_ItemClick(object sender, RadRotatorEventArgs e)
    {
        RadRotatorItem item = (RadRotatorItem)e.Item;
        item.CssClass = "cssSelectedItem";
    
        RadRotator1.InitialItemIndex = e.Item.Index;
    }
    
    注意,我已经设置了rotator控件的InitialItemIndex属性,以便通过回发保留当前项。此外,该示例是为大小为150x113的图像设计的,因此,如果使用不同的大小,则应相应地更改属性宽度高度项目宽度项目高度