如何使用 css 样式更改项目选择的颜色 radcombobox



我想知道是否可以更改"背景颜色"的值来选择radCombobox。

这是我使用的 css 代码:(我可以更改所有内容,但不能更改突出显示项目的颜色...

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

"Metro"是我的radcombobox的"皮肤"的名称

感谢大家

编辑- 2012-12-12最后,经过完全头痛和几次尝试。我下面的代码适用于突出显示的第一项,但不适用于其他项目....你知道为什么吗?提前感谢你

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

根据我的经验和我收集到的信息,唯一的选择将是一些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');
}
});​

这是小提琴

最后,

经过一次彻底的头痛和几次尝试。我下面的代码有效

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

最新更新