Question

我想知道是否有可能在选择radCombobox时更改“background-color”的值。

这是我用过的css代码：（我可以更改所有内容，但不能更改突出显示的项目的颜色....）

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

“Metro”是我的radcombobox“皮肤”的名称

感谢所有

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

Answer 1

根据我的经验和我收集的内容，唯一的选择就是使用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');
}
});

Here is the fiddle

Answer 2

最后经过一次彻底的头痛和几次尝试。我的代码在下面工作

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

如何用css样式改变项目选择radcombobox的颜色？

2 个答案: