2012-11-22 59 views
1

我正在使用kendo ui下拉列表和其他一些選擇器。我想對選定的項目背景顏色進行設計。Kendo ui picker css問題

我曾嘗試過.k-dropdown .k-state-selected {background-color:red}但所選項目的顏色沒有改變。它僅設置爲默認橙色。但是相同的代碼正在爲網格和列表視圖工作。

我怎麼能夠做到這一點。

問候, 斯里蘭卡

回答

2

下面的CSS應該日期(時間)選擇器和工作下拉列表:

.k-widget .k-state-selected, 
.k-list .k-state-selected 
{  
  background: red; 
} 

這裏有一個現場演示:http://jsbin.com/efozol/5/edit

+0

謝謝。對於datepicker和timepicker和日曆項目,如何做同樣的事情。 – SrinivasNaidu

+0

我已經拿到了日曆。如何爲時間選擇器和日期選擇器做 – SrinivasNaidu

+0

日期部分使用'.k-state-selected.k-state-focused {background:red; }'當時'.k-item.k-state-selected {background:red; }'' – OnaBai

0

KendoUI定義背景不只是作爲一個background-color: XYZ;但使用background-image: none, -webkit-linear-gradient(top, #ffc0cb 0px, #ffc0cb 100%);太 於是,開始改寫這個定義說background-image: none;

+0

什麼是用於 – SrinivasNaidu

+0

的webkit-linear-gradient這是一種動態生成漸變的CSS3方式。您不必使用顯示漸變的圖像,而是使用它生成漸變。 – OnaBai