Last Updated: 07 Apr 2022 08:56 by SWAT
Created on: 07 Apr 2022 08:56
Category: ComboBox
Type: Feature Request
Add a CSS class to the selected item in the dropdown

Currently, the behavior on selection is to highlight the selected item, so modifying the appearance of a selected item would affect the appearance of hovered items as well.

In the meantime, a custom CSS class can be added/removed to the selected item as in the snippet below:

    function OnClientLoad(sender, args) {
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {

    function OnClientSelectedIndexChanged(sender, args) {
        var selectedItem = sender.get_selectedItem();
        if (selectedItem) {

    div.RadComboBoxDropDown .rcbSelected {
        color: red;
        background-color: lightgreen;
<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" OnClientSelectedIndexChanged="OnClientSelectedIndexChanged" OnClientLoad="OnClientLoad" MaxHeight="150">
        <telerik:RadComboBoxItem Text="Item 1" />
        <telerik:RadComboBoxItem Text="Item 2" />
        <telerik:RadComboBoxItem Text="Item 3" Selected="true" />
        <telerik:RadComboBoxItem Text="Item 4" />