Search code examples
cssasp-classiccomboboxtelerikradcombobox

How to change the color of item selection radcombobox with a css style?


I was wondering if was possible to change the value of "background-color" for the selection of a radCombobox.

Here is the css code I used: (I can change everything but not the color of highlighted items ....)

div.RadComboBox_Metro .rcbInputCell INPUT.rcbInput
{
    background-color: #9BCDFF;
}

"Metro" being the name of the "skin" of my radcombobox

Thanks to all

EDIT- 12-12-2012 Finally after a complete headache and several tries. My code below works for the first item highlighted, but not for others .... Have you any idea why? Thanking you in advance

function cmbx_dbListUserOnClientSelectedIndexChanged(sender, args) {
                    var combo = $find("<%= cmbx_dbListUser.ClientID %>");
                    var highlightItem =  combo.get_highlightedItem();
                    if(highlightItem != null)
                    {
                        highlightItem.get_element().style.backgroundColor = "#9BCDFF";
                    }
                }

Solution

  • Finally after a complete headache and several tries. My code below works

    div.RadComboBoxDropDown_Metro .rcbHovered 
    {
        border: 1px #7FB8FF !important;
        background-color: #7FB8FF !important;
    }
    .RadComboBox_Metro .rcbFocused .rcbArrowCell, .RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_Metro .rcbFocused .rcbReadOnly .rcbArrowCellHidden {
        background-color: #7FB8FF !important;
        border: 1px #5B85B7 !important;
    }