2012-12-11 57 views
1

我想知道是否可以改變radCombobox選擇的「背景顏色」的值。如何使用CSS樣式更改項目選擇radcombobox的顏色?

這裏是CSS代碼我使用: (我可以改變一切,但突出顯示的項目沒有色彩....)

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

「地鐵」作爲「皮」的名義我radcombobox控件

感謝所有

編輯 - 12-12-2012 最後一個完整的頭痛和幾個TR後IES。我的代碼如下所示爲第一項突出顯示,但不適用於其他人....你知道爲什麼嗎? 請多關照

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

回答

1

最後在完成頭痛和幾次嘗試之後。我的代碼如下工作

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

+0

你好, 我想知道什麼部分「組合框」代表「選擇」和「選定」。 非常感謝。 –

+0

對不起,我還沒有看到「小提琴」的鏈接。但是,你的代碼在「combobox」上工作得很好,但不在telerik的「radCombobox」上。 –

相關問題