Как изменить цвет фона выбранного элемента telerik radrotator

Вы можете изменить границу элемента управления RadRotator и его элементов с помощью дополнительных классов CSS:

1. Внутренний класс CSS rrClipRegion можно переопределить, чтобы установить новый цвет границы элемента управления поворотом:

   .rrClipRegion
   {
       border: 1px solid green !important;
   }
   

2. Вы можете установить цвет границы по умолчанию для элементов RadRotator с помощью CSS, а затем изменить его в коде, определив класс 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;
}

Обратите внимание, что я установил свойство InitialItemIndex элемента управления ротатора, чтобы сохранить текущий элемент при обратной передаче. Кроме того, пример предназначен для изображений размером 150x113, поэтому, если используются разные размеры, вам следует изменить свойства Width, Height, ItemWidth. , ItemHeight соответственно.