Как изменить цвет выбора элемента radcombobox с помощью стиля CSS?

Мне было интересно, можно ли изменить значение «фонового цвета» для выбора radCombobox.

Вот код CSS, который я использовал: (Я могу изменить все, но не цвет выделенных элементов....)

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

«Метро» — это название «скина» моего radcombobox.

Спасибо всем

EDIT- 12-12-2012 Наконец, после головной боли и нескольких попыток. Мой код ниже работает для первого выделенного элемента, но не для других.... Вы знаете, почему? заранее спасибо

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";
                    }
                }

css combobox telerik asp-classic radcombobox
person Mehdi Bugnard    schedule 11.12.2012    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Из моего опыта и того, что я собрал, единственным вариантом для этого будет небольшой код javascript/jquery:

$(".someSelect").change(function(ev){
     var targ = ev.target.selectedOptions[0];
    if($(targ).val() == $(targ).text()){
        $(".selected").removeClass('selected');
    }else{

    $(targ).parent().addClass('selected');
    $(targ).siblings('.selected').removeClass('selected');
    $(targ).addClass('selected');
}
});​

Вот скрипка

person Dustin Wilson    schedule 11.12.2012
comment
привет, я хотел знать, какая часть поля со списком представляет .selected и selected. большое спасибо. - person Mehdi Bugnard; 12.12.2012
comment
Извините, я не вижу ссылку на скрипке. Но ваш код отлично работает на combobox, но не на radCombobox от telerik. - person Mehdi Bugnard; 12.12.2012

arrow_upward
1
arrow_downward

Наконец после полной головной боли и нескольких попыток. Мой код ниже работает

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;
}
person Mehdi Bugnard    schedule 12.12.2012